Theme.tsx
1 import { createTheme } from "@mui/material"; 2 3 const baseTheme = createTheme({ 4 typography: { 5 //fontFamily: '\'Roboto Condensed\', sans-serif', 6 fontSize: 14, 7 }, 8 palette: { 9 warning: { 10 main: '#ff8c00' 11 } 12 } 13 }); 14 15 export function createDarkTheme(accentColor: string) { 16 return createTheme({ 17 ...baseTheme, 18 cssVariables: true, 19 palette: { 20 mode: 'dark', 21 primary: { 22 main: accentColor, 23 }, 24 secondary: { 25 main: '#fafafa', 26 }, 27 }, 28 }); 29 } 30 31 export function createLightTheme(accentColor: string) { 32 return createTheme({ 33 ...baseTheme, 34 cssVariables: true, 35 palette: { 36 mode: 'light', 37 primary: { 38 main: accentColor, 39 }, 40 secondary: { 41 main: '#e0e0e0', 42 }, 43 }, 44 }); 45 }