purpleish.css (1234B)
1 /* Set main colours */
2 :root {
3 --text-primary: #1d1e26;
4 --text-primary-inverted: #dcdcdc;
5 --text-secondary: #3f426c;
6 --text-muted: #1d1e2699;
7 --text-nav-bar:var(--text-primary);
8
9 --bg-primary: #fcfcfc;
10 --bg-hover: #e3e3d9;
11 --bg-transparent: #fcfcfc80;
12 --bg-icon-menu: #f8f8f2;
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: #7277cf;
21 --semantic-affirmative: var(--semantic-primary);
22 --semantic-negative: #ff0000;
23 --semantic-dangerous: #ff0000;
24 --semantic-dangerous-hover: #cc0000;
25
26 --color-blue: var(--semantic-primary);
27 --color-purple: var(--semantic-primary);
28 --color-yellow: var(--semantic-primary);
29
30 --border-color: var(--text-secondary);
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: #1d1e26;
42 --text-secondary: #dcdcdc99;
43 --text-muted: #dcdcdc80;
44
45 --bg-primary: #212121;
46 --bg-hover: #21212120;
47 --bg-transparent: #21212180;
48 --bg-icon-menu: #2b2b2b;
49 }
50 }
