-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy paththeme.ts
More file actions
68 lines (67 loc) · 1.56 KB
/
Copy paththeme.ts
File metadata and controls
68 lines (67 loc) · 1.56 KB
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
import { createTheme } from '@mui/material/styles';
import type { PaletteMode } from '@mui/material';
export const getTheme = (mode: PaletteMode) =>
createTheme({
palette: {
mode,
primary: {
main: mode === 'dark' ? '#7dd3fc' : '#0f172a',
},
secondary: {
main: mode === 'dark' ? '#38bdf8' : '#2563eb',
},
background: {
default: mode === 'dark' ? '#0b1120' : '#f8fafc',
paper: mode === 'dark' ? '#111827' : '#ffffff',
},
},
shape: {
borderRadius: 16,
},
typography: {
fontFamily: [
'Inter',
'system-ui',
'-apple-system',
'BlinkMacSystemFont',
'"Segoe UI"',
'sans-serif',
].join(','),
h1: {
fontWeight: 800,
letterSpacing: '-0.04em',
},
h2: {
fontWeight: 700,
letterSpacing: '-0.03em',
},
h6: {
fontWeight: 700,
},
button: {
textTransform: 'none',
fontWeight: 600,
},
},
components: {
MuiButton: {
styleOverrides: {
root: {
borderRadius: 12,
paddingInline: 18,
paddingBlock: 10,
},
},
},
MuiCard: {
styleOverrides: {
root: {
border: '1px solid',
borderColor: mode === 'dark' ? 'rgba(255,255,255,0.08)' : 'rgba(15,23,42,0.08)',
boxShadow:
mode === 'dark' ? '0 10px 30px rgba(0,0,0,0.25)' : '0 10px 30px rgba(15,23,42,0.06)',
},
},
},
},
});