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