purpleish.css (1501B)
1 /* Set main colours for the purpleish theme */
2 :root {
3 --text-primary: #1d1e26;
4 --text-primary-inverted: #dcdcdc;
5 --text-secondary: #3f426c;
6 --text-muted: #1d1e2699;
7
8 --bg-primary: #fcfcfc;
9 --bg-hover: #e3e3d9;
10 --bg-transparent: #fcfcfc80;
11 --bg-icon-menu: #f8f8f2;
12
13 --bg-accent-code: var(--bg-icon-menu);
14 --bg-accent-pre: var(--bg-accent-code);
15 --bg-input: var(--bg-icon-menu);
16 --bg-label: var(--bg-icon-menu);
17
18 --semantic-primary: #7277cf;
19 --semantic-affirmative: var(--semantic-primary);
20 --semantic-negative: #ff0000;
21 --semantic-dangerous: #ff0000;
22 --semantic-dangerous-hover: #cc0000;
23
24 --color-blue: var(--semantic-primary);
25 --color-purple: var(--semantic-primary);
26 --color-yellow: var(--semantic-primary);
27
28 --border-color: var(--text-secondary);
29 --anchor-color: var(--semantic-primary);
30 }
31
32 /* Dark colours for the purpleish theme */
33 @media (prefers-color-scheme: dark) {
34 :root
35 {
36 color-scheme: dark;
37
38 --text-primary: #dcdcdc;
39 --text-primary-inverted: #1d1e26;
40 --text-secondary: #dcdcdc99;
41 --text-muted: #dcdcdc80;
42
43 --bg-primary: #212121;
44 --bg-hover: #21212120;
45 --bg-transparent: #21212180;
46 --bg-icon-menu: #2b2b2b;
47 }
48 }
49
50 /* Style Navigation bars */
51 nav {
52 background-color: var(--bg-icon-menu) !important;
53 }
54 nav > div > a,
55 nav > div > .right.menu > form > div > input,
56 nav > div > span.link,
57 nav > div > div.right > a
58 {
59 color: var(--text-primary) !important;
60 }
61
