finxol.io
A very simple single-file PDS home page to list active users
add automatic dark theme
+18
-1
src/style.css
+18
-1
src/style.css
···
1
+
:root {
2
+
--background: #f2f2f2;
3
+
--foreground: #111;
4
+
--card-bg: #eaeaea;
5
+
--card-text: #333;
6
+
7
+
@media screen and (prefers-color-scheme: dark) {
8
+
--background: #191919;
9
+
--foreground: #f5f5f5;
10
+
--card-bg: #262626;
11
+
--card-text: #f5f5f5;
12
+
}
13
+
}
14
+
15
body {
16
margin: 0;
17
padding: 0;
···
21
flex-direction: column;
22
align-items: center;
23
justify-content: start;
24
+
background-color: var(--background);
25
+
color: var(--foreground);
26
}
27
28
main {
···
75
gap: 1rem;
76
77
width: 100%;
78
+
background-color: var(--card-bg);
79
+
color: var(--card-text);
80
border-radius: 0.5rem;
81
padding: 1rem;
82