File size: 1,320 Bytes
6c2bcb4
2f65818
a86df80
6c2bcb4
a86df80
 
 
 
 
 
65567a2
 
 
 
 
2f65818
65567a2
 
2f65818
65567a2
 
a86df80
65567a2
 
 
2f65818
65567a2
 
2f65818
 
 
 
65567a2
 
a86df80
 
 
6c2bcb4
 
2f65818
6c2bcb4
2f65818
 
 
 
 
 
 
 
 
 
 
6c2bcb4
2f65818
 
 
 
 
 
6c2bcb4
2d85080
 
 
 
 
 
 
 
 
 
 
 
a86df80
 
 
 
65567a2
 
 
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
import { Fira_Code, Poppins } from "next/font/google";
import { experimental_extendTheme as extendTheme, Theme } from "@mui/material/styles";

export const poppins = Poppins({
	weight: ["300", "400", "500", "700"],
	subsets: ["latin"],
	display: "swap",
	fallback: ["Helvetica", "Arial", "sans-serif"],
});

const theme = extendTheme({
	colorSchemes: {
		light: {
			palette: {
				primary: {
					main: "#2c90fc",
				},
				secondary: {
					main: "#b827fc",
				},
			},
		},
		dark: {
			palette: {
				primary: {
					main: "#2c90fc",
				},
				secondary: {
					main: "#b827fc",
				},
				text: {
					secondary: "#ffffff",
				},
			},
		},
	},
	typography: {
		...poppins.style,
		h1: {
			fontSize: "5em",
		},
	},
	components: {
		MuiLink: {
			styleOverrides: {
				root: {
					textDecoration: "none",
					":hover": {
						textDecoration: "underline",
					},
				},
			},
		},
		MuiListSubheader: {
			styleOverrides: {
				root: {
					fontSize: "1.35rem",
				},
			},
		},
		MuiButton: {
			styleOverrides: {
				startIcon: ({ ownerState }) => ({
					...(ownerState.children
						? {}
						: {
								// if no button label, center icon (e.g mobile)
								marginRight: 0,
						  }),
				}),
			},
		},
	},
});

export default theme;
export const fontMono = Fira_Code({
	subsets: ["latin"],
});