From 33b26d0f5e4e88c2f45b968608bd6893c9187173 Mon Sep 17 00:00:00 2001
From: Michael Hunteman <michael@huntm.net>
Date: Thu, 19 Sep 2024 16:44:44 -0700
Subject: Use playwrite font

---
 client/src/ThemeContextProvider.tsx | 35 ++++++++++++++++++++++++++++++++++-
 1 file changed, 34 insertions(+), 1 deletion(-)

(limited to 'client/src')

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 }}>
-- 
cgit v1.2.3