tangled
alpha
login
or
join now
finxol.io
/
pds-home
5
fork
atom
A very simple single-file PDS home page to list active users
5
fork
atom
overview
issues
pulls
pipelines
add automatic dark theme
finxol.io
5 months ago
a616b643
5207b61a
verified
This commit was signed with the committer's
known signature
.
finxol.io
SSH Key Fingerprint:
SHA256:olFE3asYdoBMScuJOt60UxXdJ0RFdGv5kVKrdOtIcPI=
+18
-1
1 changed file
expand all
collapse all
unified
split
src
style.css
+18
-1
src/style.css
···
1
1
+
:root {
2
2
+
--background: #f2f2f2;
3
3
+
--foreground: #111;
4
4
+
--card-bg: #eaeaea;
5
5
+
--card-text: #333;
6
6
+
7
7
+
@media screen and (prefers-color-scheme: dark) {
8
8
+
--background: #191919;
9
9
+
--foreground: #f5f5f5;
10
10
+
--card-bg: #262626;
11
11
+
--card-text: #f5f5f5;
12
12
+
}
13
13
+
}
14
14
+
1
15
body {
2
16
margin: 0;
3
17
padding: 0;
···
7
21
flex-direction: column;
8
22
align-items: center;
9
23
justify-content: start;
24
24
+
background-color: var(--background);
25
25
+
color: var(--foreground);
10
26
}
11
27
12
28
main {
···
59
75
gap: 1rem;
60
76
61
77
width: 100%;
62
62
-
background-color: #f5f5f5;
78
78
+
background-color: var(--card-bg);
79
79
+
color: var(--card-text);
63
80
border-radius: 0.5rem;
64
81
padding: 1rem;
65
82