Use playwrite font

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