1import {createMuiTheme} 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:  [
41      'Inter',
42      'sans-serif'
43    ]
44  },
45  breakpoints: {
46    values: {
47      xs: 0,
48      sm: 720,
49      md: 960,
50      lg: 1280,
51      xl: 1920,
52    },
53  },
54};
55
56export default createMuiTheme(caroster);