-
Notifications
You must be signed in to change notification settings - Fork 0
/
theme.ts
127 lines (120 loc) · 2.77 KB
/
theme.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
/* eslint-ignore @typescript-eslint/no-empty-interface */
import { createTheme } from '@mui/material/styles';
const themeSettings = {
MuiCssBaseline: {
styleOverrides: {
'*, *::before, *::after': {
transition: 'none !important',
animation: 'none !important',
},
},
},
palette: {
common: {
black: "rgba(30, 30, 30, 1)",
white: "#fff"
},
background: {
paper: "rgba(255, 255, 255, 1)",
default: "rgba(255, 255, 255, 1)"
},
primary: {
light: "#7bdcb5",
main: "#00a65c",
dark: "#314f38",
contrastText: "#fff"
},
secondary: {
light: "rgba(255, 252, 229, 1)",
main: "#f0f2f3",
dark: "#dadfe2",
contrastText: "#404040"
},
error: {
light: "#e57373",
main: "#f44336",
dark: "#d32f2f",
contrastText: "#fff"
},
text: {
primary: "rgba(17, 17, 17, 0.87)",
secondary: "rgba(0, 0, 0, 0.54)",
disabled: "rgba(0, 0, 0, 0.38)",
hint: "rgba(0, 0, 0, 0.38)",
},
},
typography: {
htmlFontSize: 16,
fontFamily: "'Manrope', sans-serif",
fontSize: 14,
fontWeightLight: 300,
fontWeightRegular: 400,
fontWeightMedium: 500,
fontWeightBold: 700,
h1: {
fontFamily: "'Manrope', sans-serif",
fontWeight: 700,
fontSize: "2.441rem",
lineHeight: "3.5rem",
letterSpacing: "-0.01562em"
},
h2: {
fontFamily: "'Manrope', sans-serif",
fontWeight: 700,
fontSize: "1.953rem",
lineHeight: "2rem",
letterSpacing: "-0.01562em"
},
h3: {
fontFamily: "'Manrope', sans-serif",
fontWeight: 700,
fontSize: "1.563rem",
lineHeight: "2rem",
letterSpacing: "-0.01562em"
},
h4: {
fontFamily: "'Manrope', sans-serif",
fontWeight: 700,
fontSize: "1.25rem",
lineHeight: "2rem",
letterSpacing: "-0.01562em"
},
h5: {
fontFamily: "'Manrope', sans-serif",
fontWeight: 700,
fontSize: "1.25rem",
lineHeight: "2rem",
letterSpacing: "-0.01562em",
color: "#5b5654"
},
h6: {
fontFamily: "'Manrope', sans-serif",
fontWeight: 700,
fontSize: "1rem",
lineHeight: "3.5rem",
letterSpacing: "-0.01562em"
},
body1: {
color: "#000"
},
subtitle1: {
fontWeight: 700,
color: "rgba(206, 18, 45, 1)"
}
},
properties: {
drawerWidth: '240px',
},
} as const;
type CustomTheme = {
[Key in keyof typeof themeSettings]: typeof themeSettings[Key]
}
declare module '@mui/material/styles' {
type Theme = CustomTheme
type ThemeOptions = CustomTheme
}
declare module '@emotion/react' {
export interface Theme extends CustomTheme {}
}
const theme = createTheme(themeSettings);
export default theme