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
|
:root {
// Regular Fonts used by default:
--ff: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif;
// Monospace Fonts used for code:
--fm: Menlo, Consolas, "Roboto Mono", "Ubuntu Monospace", "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace;
// Colors
--f1: #111; //font color 1
--f2: #222; //font color 2
--c1: #fafafa; //color 1
--c2: #dbe7f5; //color 2
--c3: #062671; //color 3
--c4: #03143c; //color 4
--a1: #3b7ed0; //accent color 1 link
--a2: #004faf; //accent color 2 hover,focus
--a3: #004faf; //accent color 3 h1-h2 hover,focus
--cg: #483; //ins green
--cr: #d33; //del red
}
@media (prefers-color-scheme: dark) {
:root {
--f1: #ccc; //font color 1
--f2: #ddd; //font color 2
--c1: #111; //color 1
--c2: #1a274a; //color 2
--c3: #404d69; //color 3
--c4: #2c3957; //color 4
--a1: #2f7ddb; //accent color 1 link
--a2: #4d9dff; //accent color 2 hover,focus
--a3: #4d9dff; //accent color 3 h1-h2 hover,focus
}
}
|
