1import {createTheme} from '@mui/material/styles';
 2import * as typography from './typography';
 3
 4export 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
55export default createTheme(caroster);