mackuba.eu
A tool for measuring the coverage of Bluesky/ATProto relays
use css variable for the foreground color
+5
-8
+5
-8
public/style.css
+5
-8
public/style.css
···
1
1
:root {
2
2
color-scheme: light dark;
3
3
supported-color-schemes: light dark;
4
+
--foreground-color: #333;
4
5
}
5
6
6
7
body {
7
8
text-align: center;
8
9
font-family: -apple-system, ui-sans-serif, system-ui, Arial, Helvetica, sans-serif;
9
-
color: #333;
10
+
color: var(--foreground-color);
10
11
}
11
12
12
13
#tangled {
···
26
27
}
27
28
28
29
a {
29
-
color: #333;
30
+
color: var(--foreground-color);
30
31
text-decoration: none;
31
32
}
32
33
···
104
105
}
105
106
106
107
@media (prefers-color-scheme: dark) {
107
-
body {
108
-
color: #ccc;
109
-
}
110
-
111
-
a {
112
-
color: #ccc;
108
+
:root {
109
+
--foreground-color: #ccc;
113
110
}
114
111
115
112
#tangled {