extend TypeText with our custom properties

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,
 };

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,
 };

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;