From 33b26d0f5e4e88c2f45b968608bd6893c9187173 Mon Sep 17 00:00:00 2001 From: Michael Hunteman Date: Thu, 19 Sep 2024 16:44:44 -0700 Subject: Use playwrite font --- client/index.html | 1 + client/src/ThemeContextProvider.tsx | 35 ++++++++++++++++++++++++++++++++++- 2 files changed, 35 insertions(+), 1 deletion(-) diff --git a/client/index.html b/client/index.html index 567658b..968bc13 100644 --- a/client/index.html +++ b/client/index.html @@ -3,6 +3,7 @@ + Madison and Michael's Wedding 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 ( -- cgit v1.2.3