1import {createTheme} from '@material-ui/core/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: 56,
22    },
23  },
24  overrides: {
25    MuiAppBar: {
26      colorPrimary: {
27        backgroundColor: '#242424',
28        color: 'white',
29      },
30    },
31    MuiInput: {
32      underline: {
33        '&&&&:hover:before': {
34          borderBottomColor: '#009688',
35        },
36      },
37    },
38  },
39  typography: {
40    fontFamily: ['Inter', 'sans-serif'],
41  },
42  breakpoints: {
43    values: {
44      xs: 0,
45      sm: 720,
46      md: 960,
47      lg: 1280,
48      xl: 1920,
49    },
50  },
51};
52
53export default createTheme(caroster);