Experiment to rebuild Diffuse using web applets.
feat: dark mode index page
+5
-6
+5
-6
src/styles/pages/index.css
+5
-6
src/styles/pages/index.css
···
7
7
/* Colors */
8
8
--color-1: oklch(4.1308% 0.25306 109.22);
9
9
--color-2: oklch(98.369% 0.01834 67.664);
10
-
/* --accent: oklch(57.002% 0.25722 258.17); */
10
+
--color-3: oklch(26.787% 0.00168 186.65);
11
11
--accent: oklch(86.947% 0.25527 28.789);
12
12
13
13
--bg-color: var(--color-2);
···
15
15
}
16
16
17
17
@media (prefers-color-scheme: dark) {
18
-
/* TODO: */
19
-
/* :root {
20
-
--bg-color: oklch(from var(--color-1) calc(l + 0.125) c h);
18
+
:root {
19
+
--bg-color: var(--color-3);
21
20
--text-color: var(--color-2);
22
-
} */
21
+
}
23
22
}
24
23
25
24
@supports (font-variation-settings: normal) {
···
54
53
@media (prefers-color-scheme: dark) {
55
54
& {
56
55
fill: var(--text-color);
57
-
opacity: 0.375;
56
+
opacity: 0.25;
58
57
}
59
58
}
60
59
}