diff options
Diffstat (limited to 'client/src')
| -rw-r--r-- | client/src/ThemeContextProvider.tsx | 35 |
1 files changed, 34 insertions, 1 deletions
diff --git a/client/src/ThemeContextProvider.tsx b/client/src/ThemeContextProvider.tsx index b5972d7..1b2e3b4 100644 --- a/client/src/ThemeContextProvider.tsx +++ b/client/src/ThemeContextProvider.tsx @@ -45,7 +45,40 @@ function ThemeContextProvider({ children }: ThemeProviderProps) { }, }); - const theme = useMemo(() => createTheme(getDesignTokens(mode)), [mode]); + const colorTheme = createTheme(getDesignTokens(mode)); + + const theme = useMemo( + () => + createTheme({ + ...colorTheme, + typography: { + fontFamily: ['Playwrite US Trad', 'cursive'].join(','), + button: { + textTransform: 'none', + }, + body1: { + lineHeight: 1.8, + }, + }, + components: { + MuiInputBase: { + defaultProps: { + sx: { + fontFamily: 'Roboto, sans-serif', + }, + }, + }, + MuiInputLabel: { + defaultProps: { + sx: { + fontFamily: 'Roboto, sans-serif', + }, + }, + }, + }, + }), + [mode] + ); return ( <ThemeContext.Provider value={{ toggleColorMode }}> |