1  import {createTheme} from '@mui/material/styles';
 2  import * as typography from './typography';
 3  
 4  export const caroster = {
 5    palette: {
 6      primary: {
 7        light: '#0096881a',
 8        main: '#009688',
 9      },
10      secondary: {
11        main: '#FFEB3B',
12      },
13      error: {
14        light: '#efbcc4',
15        main: '#d4485e',
16      },
17      background: {
18        default: '#F4F4FF',
19        grey: 'rgba(0, 0, 0, 0.67)'
20      },
21    },
22    mixins: {
23      toolbar: {
24        minHeight: 64,
25      },
26    },
27    components: {
28      MuiTextField: {
29        defaultProps: {
30          variant: 'standard',
31        },
32      },
33      MuiInput: {
34        styleOverrides: {
35          underline: {
36            '&&&&:hover:before': {
37              borderBottomColor: '#009688',
38            },
39          },
40        },
41      },
42    },
43    typography,
44    breakpoints: {
45      values: {
46        xs: 0,
47        sm: 720,
48        md: 960,
49        lg: 1280,
50        xl: 1680,
51      },
52    },
53  };
54  
55  export default createTheme(caroster);