diff --git a/src/themes/darkThemeOptions.tsx b/src/themes/darkThemeOptions.tsx index ba270a5c3..8bc6ed49e 100644 --- a/src/themes/darkThemeOptions.tsx +++ b/src/themes/darkThemeOptions.tsx @@ -20,6 +20,13 @@ declare module '@mui/material/styles' { muted?: string; faint?: string; } + + interface FixedColor { + white: string; + black: string; + strokeMutedWhite: string; + } + interface Palette { accent: PaletteColor; fill: PaletteColor; @@ -27,6 +34,7 @@ declare module '@mui/material/styles' { blur: BlurStrength; danger: PaletteColor; stroke: TypeText; + fixed: FixedColor; } interface PaletteOptions { accent?: PaletteColorOptions; @@ -35,6 +43,7 @@ declare module '@mui/material/styles' { backdrop?: PaletteColorOptions; blur?: BlurStrengthOptions; stroke?: Partial; + fixed?: Partial; } interface TypographyVariants { @@ -301,6 +310,11 @@ const darkThemeOptions = createTheme({ muted: '48px', faint: '24px', }, + fixed: { + white: '#fff', + black: '#000', + strokeMutedWhite: 'rgba(255, 255, 255, 0.48)', + }, text: { primary: '#fff', secondary: 'rgba(255, 255, 255, 0.7)', diff --git a/src/themes/lightThemeOptions.tsx b/src/themes/lightThemeOptions.tsx index c4df82f79..711312618 100644 --- a/src/themes/lightThemeOptions.tsx +++ b/src/themes/lightThemeOptions.tsx @@ -20,6 +20,12 @@ declare module '@mui/material/styles' { muted?: string; faint?: string; } + + interface FixedColor { + white: string; + black: string; + strokeMutedWhite: string; + } interface Palette { accent: PaletteColor; fill: PaletteColor; @@ -27,6 +33,7 @@ declare module '@mui/material/styles' { blur: BlurStrength; danger: PaletteColor; stroke: TypeText; + fixed: FixedColor; } interface PaletteOptions { accent?: PaletteColorOptions; @@ -35,6 +42,7 @@ declare module '@mui/material/styles' { backdrop?: PaletteColorOptions; blur?: BlurStrengthOptions; stroke?: Partial; + fixed?: Partial; } interface TypographyVariants { @@ -301,6 +309,11 @@ const lightThemeOptions = createTheme({ muted: '48px', faint: '24px', }, + fixed: { + white: '#fff', + black: '#000', + strokeMutedWhite: 'rgba(255, 255, 255, 0.48)', + }, text: { primary: '#000', secondary: 'rgba(0, 0, 0, 0.6)',