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 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 breakpoints: {
36 values: {
37 xs: 0,
38 sm: 720,
39 md: 960,
40 lg: 1280,
41 xl: 1920,
42 },
43 },
44};
45
46export default createMuiTheme(caroster);