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