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    background: {
12      default: '#F4F4FF',
13    },
14  },
15  mixins: {
16    toolbar: {
17      minHeight: 56,
18    },
19  },
20  overrides: {
21    MuiAppBar: {
22      colorPrimary: {
23        backgroundColor: '#242424',
24        color: 'white',
25      },
26    },
27    MuiInput: {
28      underline: {
29        '&&&&:hover:before': {
30          borderBottomColor: '#009688',
31        },
32      },
33    },
34  },
35  typography: {
36    fontFamily:  [
37      'Inter',
38      'sans-serif'
39    ]
40  },
41  breakpoints: {
42    values: {
43      xs: 0,
44      sm: 720,
45      md: 960,
46      lg: 1280,
47      xl: 1920,
48    },
49  },
50};
51
52export default createMuiTheme(caroster);