frontend/theme.js (view raw)
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);