mastodon.css (1197B)
1 /* Set main colours for the purpleish theme */
2 :root {
3 --text-primary: #181821;
4 --text-primary-inverted: #ffffff;
5 --text-secondary: #545778;
6 --text-muted: var(--text-secondary);
7
8 --bg-primary: #ffffff;
9 --bg-hover: #f6f6f8;
10 --bg-transparent: #ffffff80;
11 --bg-icon-menu: #f6f6f8;
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: #6147e6;
19
20 --color-blue: #6147e6;
21 --border-color: #dcdcde;
22
23 --anchor-color: #8b8dac;
24 }
25
26 /* Dark colours for the purpleish theme */
27 @media (prefers-color-scheme: dark) {
28 :root
29 {
30 color-scheme: dark;
31
32 --text-primary: #f0f1ff;
33 --text-primary-inverted: #181821;
34 --text-secondary: #8b8dac;
35 --text-muted: var(--text-secondary);
36
37 --bg-primary: #181821;
38 --bg-hover: #262632;
39 --bg-transparent: #18182180;
40 --bg-icon-menu: #262632;
41
42 }
43 }
44
45 /* Style Navigation bars */
46 nav {
47 background-color: var(--bg-icon-menu) !important;
48 }
49 nav > div > a,
50 nav > div > .right.menu > form > div > input,
51 nav > div > span.link,
52 nav > div > div.right > a
53 {
54 color: var(--text-primary) !important;
55 }
56
