Update

frontend_reactjs/src/main.tsx

@@ -9,7 +9,7 @@ import { createTheme } from '@mui/material'
 import { ruRU } from '@mui/material/locale'
 import { getDarkMode, usePrefStore } from "./store/preferences.ts";
 
-const darkTheme = createTheme(
+const mainTheme = createTheme(
   {
     typography: {
       fontFamily: [
@@ -28,6 +28,11 @@ const darkTheme = createTheme(
         }
       }
     },
+  }
+)
+
+const darkTheme = createTheme(
+  {
     palette: {
       mode: "dark",
       primary: { main: '#1976d2' },
@@ -38,23 +43,6 @@ const darkTheme = createTheme(
 
 const lightTheme = createTheme(
   {
-    typography: {
-      fontFamily: [
-        'Inter'
-      ].join(',')
-    },
-    components: {
-      MuiButtonBase: {
-        defaultProps: {
-          //disableRipple: true,
-        }
-      },
-      MuiButtonGroup: {
-        defaultProps: {
-          //disableRipple: true,
-        }
-      }
-    },
     palette: {
       mode: "light",
       primary: { main: '#1976d2' },
@@ -82,7 +70,7 @@ function ThemedApp() {
   }, [])
 
   return (
-    <ThemeProvider theme={prefStore.darkMode ? darkTheme : lightTheme}>
+    <ThemeProvider theme={prefStore.darkMode ? { ...mainTheme, ...darkTheme } : { ...mainTheme, ...lightTheme }}>
       <App />
     </ThemeProvider>
   )