add typography option "title"

src/themes/darkThemeOptions.tsx

@@ -13,6 +13,14 @@ declare module '@mui/material/styles' {
         accent?: PaletteColorOptions;
         danger?: PaletteColorOptions;
     }
+
+    interface TypographyVariants {
+        title: React.CSSProperties;
+    }
+
+    interface TypographyVariantsOptions {
+        title?: React.CSSProperties;
+    }
 }
 
 declare module '@mui/material/Button' {
@@ -27,6 +35,12 @@ declare module '@mui/material/Checkbox' {
     }
 }
 
+declare module '@mui/material/Typography' {
+    interface TypographyPropsVariantOverrides {
+        title: true;
+    }
+}
+
 // Create a theme instance.
 const darkThemeOptions = createTheme({
     components: {
@@ -80,8 +94,6 @@ const darkThemeOptions = createTheme({
                     '& .MuiDialogActions-root': {
                         padding: '32px 24px',
                     },
-                },
-                root: {
                     '& .MuiDialogActions-root button': {
                         marginLeft: '16px',
                         fontSize: '18px',
@@ -131,6 +143,11 @@ const darkThemeOptions = createTheme({
             fontSize: '14px',
             lineHeight: '20px',
         },
+        title: {
+            fontSize: '32px',
+            lineHeight: '40px',
+            fontWeight: 600,
+        },
     },
 });