simple.css (1153B)
1 /* Set main colours */
2 :root {
3 --text-primary:#212121;
4 --text-primary-inverted:#dcdcdc;
5 --text-secondary:#585858;
6 --text-muted:#444444;
7 --text-nav-bar:var(--text-primary);
8
9 --bg-primary:#ffffff;
10 --bg-hover:#f5f7ff;
11 --bg-transparent:#ffffff80;
12 --bg-icon-menu:#f5f7ff;
13 --bg-nav-bar:var(--bg-icon-menu);
14
15 --bg-accent-code:var(--bg-icon-menu);
16 --bg-accent-pre:var(--bg-accent-code);
17 --bg-input:var(--bg-icon-menu);
18 --bg-label:var(--bg-icon-menu);
19
20 --semantic-primary:#0d47a1;
21 --semantic-affirmative:#1266e2;
22 --semantic-negative:#d81b60;
23 --semantic-dangerous:#ffdd33;
24 --semantic-dangerous-hover:#ffdd3380;
25
26 --color-blue:#0d47a1;
27 --color-purple:#d81b60;
28 --color-yellow:#ffdd33;
29 --border-color:#898EA4;
30
31 --anchor-color:var(--semantic-primary);
32 }
33
34 /* Dark colours */
35 @media (prefers-color-scheme: dark) {
36 :root
37 {
38 color-scheme: dark;
39
40 --text-primary:#dcdcdc;
41 --text-primary-inverted:#212121;
42 --text-secondary:#ababab;
43 --text-muted:#cccccc;
44
45 --bg-primary:#212121;
46 --bg-hover:#2b2b2b;
47 --bg-transparent:#21212180;
48 --bg-icon-menu:#2b2b2b;
49
50 --semantic-primary:#ffb300;
51 }
52 }
