refactor

web/src/style/materialUISetup.js

@@ -4,17 +4,24 @@ import { useMemo } from 'react'
 
 import { mainColors } from './colors'
 
+const primary = { main: mainColors.primary }
+const typography = { fontFamily: 'Open Sans, sans-serif' }
+
 // https://material-ui.com/ru/customization/default-theme/
 export const darkTheme = createMuiTheme({
+  typography,
   palette: {
     type: 'dark',
     background: { paper: '#575757' },
+    primary,
   },
 })
 export const lightTheme = createMuiTheme({
+  typography,
   palette: {
     type: 'light',
     background: { paper: '#f1f1f1' },
+    primary,
   },
 })
 
@@ -24,11 +31,11 @@ export const useMaterialUITheme = () => {
   const muiTheme = useMemo(
     () =>
       createMuiTheme({
+        typography,
         palette: {
           type: isDarkMode ? 'dark' : 'light',
-          primary: { main: mainColors.primary },
+          primary,
         },
-        typography: { fontFamily: 'Open Sans, sans-serif' },
       }),
     [isDarkMode],
   )