1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
|
import {ThemeProvider} from '@mui/material';
import {createTheme} from '@mui/material';
export default function CustomThemeProvider({children}) {
console.log('theme', theme);
return <ThemeProvider theme={theme}>
{ children }
</ThemeProvider>;
}
const themeOptions = {
palette: {
mode: 'light',
primary: {
main: '#0b0b14',
},
secondary: {
main: '#9c27b0',
},
},
overrides: {
MuiAppBar: {
colorInherit: {
backgroundColor: '#689f38',
color: '#fff',
},
},
MuiButton: {
root: {
background: 'linear-gradient(45deg, #FE6B8B 30%, #FF8E53 90%)',
border: 0,
borderRadius: 3,
boxShadow: '0 3px 5px 2px rgba(255, 105, 135, .3)',
color: 'white',
height: 48,
padding: '0 30px',
},
},
},
};
const theme = createTheme(themeOptions);
|
