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
|
@import "imports";
//@import "fonts/Arimo";
//@import "fonts/Lato";
@import "fonts/Roboto";
//@import "fonts/FiraCode"; // Monospaced
:root {
--ff: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Noto Sans", Helvetica, Arial, sans-serif;
--fm: ui-monospace, Menlo, Monaco, Consolas, "SF Mono", "Cascadia Mono", "Segoe UI Mono", "DejaVu Sans Mono", "Liberation Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Ubuntu Mono", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", Courier, monospace;
--f1: #111; // Primary Font color
--f2: #222; // Headers Font color
--c1: #fafafa; // Primary Background Color
--c2: #def; // Secondary Background Color
--c3: #137; // Table Rows, Block quote edge, Borders
--c4: #013; // Disabled Buttons, Borders, mark background
--a1: #06e; // accent color 1 links
--a2: #09f; // accent color 2 hover,focus
--a3: #07f; // accent color 3 h1-h2 hover,focus
--cg: #483; // ins green, success
--cr: #c22; // del red, errors
}
@media (prefers-color-scheme: dark) {
:root {
--f1: #ccc; // Primary Font color
--f2: #ddd; // Headers Font color
--c1: #111; // Primary Background Color
--c2: #123; // Secondary Background Color
--c3: #345; // Table Rows, Block quote edge, Borders
--c4: #789; // Disabled Buttons, Borders, mark background
--a1: #09f; // accent color 1 links
--a2: #0bf; // accent color 2 hover,focus
--a3: #0af; // accent color 3 h1-h2 hover,focus
--cr: #e33; // del red, errors
}
}
|
