material ui change theme

1import { createMuiTheme } from '@material-ui/core/styles';
2import purple from '@material-ui/core/colors/purple';
3import green from '@material-ui/core/colors/green';
4
5const theme = createMuiTheme({
6  palette: {
7    primary: purple,
8    secondary: green,
9  },
10  status: {
11    danger: 'orange',
12  },
13});

1import { createMuiTheme } from '@material-ui/core/styles';
2
3const theme = createMuiTheme({
4  palette: {
5    primary: {
6      // light: will be calculated from palette.primary.main,
7      main: '#ff4400',
8      // dark: will be calculated from palette.primary.main,
9      // contrastText: will be calculated to contrast with palette.primary.main
10    },
11    secondary: {
12      light: '#0066ff',
13      main: '#0044ff',
14      // dark: will be calculated from palette.secondary.main,
15      contrastText: '#ffcc00',
16    },
17    // error: will use the default color
18  },
19});