diff --git a/src/themes/palette/dark.tsx b/src/themes/palette/dark.tsx index 97795fafc..40e1c79fb 100644 --- a/src/themes/palette/dark.tsx +++ b/src/themes/palette/dark.tsx @@ -33,6 +33,9 @@ const darkThemePalette: PaletteOptions = { primary: darkThemeColors.text.base, secondary: darkThemeColors.text.muted, disabled: darkThemeColors.text.faint, + base: darkThemeColors.text.base, + muted: darkThemeColors.text.muted, + faint: darkThemeColors.text.faint, }, divider: darkThemeColors.stroke.faint, }; diff --git a/src/themes/palette/light.tsx b/src/themes/palette/light.tsx index 6c23140ee..d74d6d652 100644 --- a/src/themes/palette/light.tsx +++ b/src/themes/palette/light.tsx @@ -33,6 +33,9 @@ const lightThemePalette: PaletteOptions = { primary: lightThemeColors.text.base, secondary: lightThemeColors.text.muted, disabled: lightThemeColors.text.faint, + base: lightThemeColors.text.base, + muted: lightThemeColors.text.muted, + faint: lightThemeColors.text.faint, }, divider: lightThemeColors.stroke.faint, }; diff --git a/src/themes/types.ts b/src/themes/types.ts index e68035c3f..51f6b0d41 100644 --- a/src/themes/types.ts +++ b/src/themes/types.ts @@ -24,6 +24,12 @@ declare module '@mui/material/styles' { elevated2: string; } + interface TypeText { + base: string; + muted: string; + faint: string; + } + interface TypographyVariants { large: React.CSSProperties; body: React.CSSProperties;