-
Notifications
You must be signed in to change notification settings - Fork 5
Expand file tree
/
Copy pathHackHpiTheme.js
More file actions
104 lines (100 loc) · 2.58 KB
/
HackHpiTheme.js
File metadata and controls
104 lines (100 loc) · 2.58 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
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
"use client";
import { createTheme, responsiveFontSizes } from "@mui/material";
const theme = createTheme({});
const textColor = [245, 245, 245];
const hackHpiTheme = responsiveFontSizes(
createTheme(theme, {
palette: {
mode: "dark",
primary: theme.palette.augmentColor({
color: {
main: "#f5f5f5",
},
name: "primary",
}),
secondary: theme.palette.augmentColor({
color: {
main: "#3A0CA3",
},
name: "primary",
}),
success: theme.palette.augmentColor({
color: {
main: "#66bb6a",
},
name: "success",
}),
text: {
primary: `rgba(${textColor[0]},${textColor[1]},${textColor[2]}, 1)`,
secondary: `rgba(${textColor[0]},${textColor[1]},${textColor[2]}, .7)`,
disabled: `rgba(${textColor[0]},${textColor[1]},${textColor[2]}, .5)`,
icon: `rgba(${textColor[0]},${textColor[1]},${textColor[2]}, .5)`,
},
divider: `rgba(${textColor[0]},${textColor[1]},${textColor[2]}, .12)`,
background: {
default: "#13101B",
paper: "#13101B",
},
action: {
active: "#fff",
hover: "rgba(255,255,255,0.08)",
hoverOpacity: 0.08,
selected: "rgba(255,255,255,0.16)",
selectedOpacity: 0.16,
disabled: "rgba(255,255,255,0.3)",
disabledBackground: "rgba(255,255,255,0.12)",
disabledOpacity: 0.38,
focus: "rgba(255,255,255,0.12)",
focusOpacity: 0.12,
activatedOpacity: 0.24,
},
},
components: {
MuiCard: {
styleOverrides: {
root: {
borderRadius: "10px",
},
},
},
MuiButton: {
styleOverrides: {
root: {
borderRadius: "10px",
},
},
},
},
typography: {
fontSize: 10,
fontFamily: "Neo Sans, Urbanist, Arial",
h1: {
fontFamily: "Neo Sans, Urbanist, Arial",
fontWeight: "bold",
//fontSize: "5rem"
//lineHeight: "5.5rem",
//fontSize: "7rem"
},
h2: {
fontFamily: "Neo Sans, Urbanist, Arial",
fontWeight: "bold",
},
h3: {
fontFamily: "Neo Sans, Urbanist, Arial",
},
h4: {
fontFamily: "Neo Sans, Urbanist, Arial",
},
h5: {
fontFamily: "Neo Sans, Urbanist, Arial",
},
h6: {
fontFamily: "Neo Sans, Urbanist, Arial",
},
body1: {
fontFamily: '"Open Sans Variable", Urbanist, Arial',
},
},
}),
);
export default hackHpiTheme;