frontend/theme/index.ts (view raw)
1import {createTheme} from '@mui/material/styles';
2import * as typography from './typography';
3
4export const caroster = {
5 palette: {
6 primary: {
7 main: '#009688',
8 },
9 secondary: {
10 main: '#FFEB3B',
11 },
12 error: {
13 light: '#efbcc4',
14 main: '#d4485e',
15 },
16 background: {
17 default: '#F4F4FF',
18 },
19 },
20 mixins: {
21 toolbar: {
22 minHeight: 64,
23 },
24 },
25 components: {
26 MuiTextField: {
27 defaultProps: {
28 variant: 'standard',
29 },
30 },
31 MuiInput: {
32 styleOverrides: {
33 underline: {
34 '&&&&:hover:before': {
35 borderBottomColor: '#009688',
36 },
37 },
38 },
39 },
40 },
41 typography,
42 breakpoints: {
43 values: {
44 xs: 0,
45 sm: 720,
46 md: 960,
47 lg: 1280,
48 xl: 1680,
49 },
50 },
51};
52
53export default createTheme(caroster);