frontend/theme.ts (view raw)
1import {createTheme} from '@mui/material/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: 64,
22 },
23 },
24 components: {
25 MuiTextField: {
26 defaultProps: {
27 variant: 'standard',
28 },
29 },
30 MuiInput: {
31 styleOverrides: {
32 underline: {
33 '&&&&:hover:before': {
34 borderBottomColor: '#009688',
35 },
36 },
37 },
38 },
39 },
40 typography: {
41 fontFamily: ['Inter', 'sans-serif'],
42 },
43 breakpoints: {
44 values: {
45 xs: 0,
46 sm: 720,
47 md: 960,
48 lg: 1280,
49 xl: 1680,
50 },
51 },
52};
53
54export default createTheme(caroster);