Revize 41a11178

map adjustments

re #9547

frontend/src/features/Theme/ThemeWrapper.tsx

@@ -1 @@
-import { PaletteMode } from "@mui/material"
+import { PaletteMode } from '@mui/material'
 import { createTheme, Theme, ThemeProvider } from '@mui/material/styles'
-import { FunctionComponent, ReactNode, useEffect, useState } from "react"
-import { useSelector } from "react-redux"
-import { RootState } from "../redux/store"
+import { FunctionComponent, ReactNode, useEffect, useState } from 'react'
+import { useSelector } from 'react-redux'
+import { RootState } from '../redux/store'
 
 export interface ThemeWrapperProps {
     children: ReactNode
 }
 
 const ThemeWrapper: FunctionComponent<ThemeWrapperProps> = ({ children }) => {
-    
+    const lightThemePalette = {
+        primary: {
+            main: '#A28253',
+        },
+        secondary: {
+            main: '#E3DBCF',
+        },
+    }
+
+    const darkThemePalette = {
+        primary: {
+            main: '#e0bb84',
+        },
+        secondary: {
+            main: '#E3DBCF',
+        },
+    }
+
+    const getPalette = (paletteMode: PaletteMode) => {
+        switch (paletteMode) {
+            case 'light':
+                return lightThemePalette
+            case 'dark':
+                return darkThemePalette
+            default:
+                return lightThemePalette
+        }
+    }
+
     const buildTheme = (paletteMode: PaletteMode) =>
         createTheme({
             palette: {
                 mode: paletteMode,
+                ...getPalette(paletteMode),
             },
             shape: {
-                borderRadius: 16
+                borderRadius: 8,
             },
             typography: {
                 fontFamily: [
@@ -45 +74 @@
         })
     }, [paletteMode])
 
-    return (
-        <ThemeProvider theme={theme}>
-            {children}
-            </ThemeProvider>
-    )
+    return <ThemeProvider theme={theme}>{children}</ThemeProvider>
 }
 
-export default ThemeWrapper
+export default ThemeWrapper