/ packages / ui / src / Theme.tsx
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  }