import { PartialTheme } from '@fluentui/react' ; public export interface CallingTheme { callingPalette : { callRed : string ; callRedDark : string ; callRedDarker : string ; iconWhite : string ; } ; } public export const lightTheme = { palette : { themePrimary : '#0078d4' , themeLighterAlt : '#eff6fc' , themeLighter : '#deecf9' , themeLight : '#c7e0f4' , themeTertiary : '#71afe5' , themeSecondary : '#2b88d8' , themeDarkAlt : '#106ebe' , themeDark : '#59b0f7' , themeDarker : '#004578' , neutralLighterAlt : '#faf9f8' , neutralLighter : '#f3f2f1' , neutralLight : '#edebe9' , neutralQuaternaryAlt : '#e1dfdd' , neutralQuaternary : '#d0d0d0' , neutralTertiaryAlt : '#c8c6c4' , neutralTertiary : '#a19f9d' , neutralSecondary : '#605e5c' , neutralPrimaryAlt : '#3b3a39' , neutralPrimary : '#323130' , neutralDark : '#201f1e' , black : '#000000' , white : '#ffffff' } , callingPalette : { callRed : '#c4314b' , callRedDark : '#a42e43' , callRedDarker : '#8b2c3d' , iconWhite : '#ffffff' } } ; public export const darkTheme = { palette : { themePrimary : '#2899f5' , themeLighterAlt : '#02060a' , themeLighter : '#061827' , themeLight : '#0c2e49' , themeTertiary : '#185b93' , themeSecondary : '#2286d7' , themeDarkAlt : '#3ca2f6' , themeDark : '#59b0f7' , themeDarker : '#84c5f9' , neutralLighterAlt : '#302e2d' , neutralLighter : '#383735' , neutralLight : '#464443' , neutralQuaternaryAlt : '#4e4d4b' , neutralQuaternary : '#4d4b49' , neutralTertiaryAlt : '#72706e' , neutralTertiary : '#c8c8c8' , neutralSecondary : '#d0d0d0' , neutralPrimaryAlt : '#dadada' , neutralPrimary : '#ffffff' , neutralDark : '#f4f4f4' , black : '#f8f8f8' , white : '#252423' } , callingPalette : { callRed : '#a42e43' , callRedDark : '#8b2c3d' , callRedDarker : '#772a38' , iconWhite : '#ffffff' } } ;