+7
-7
src/style.css
+7
-7
src/style.css
···
14
14
:root {
15
15
--text: black;
16
16
--background: white;
17
-
--backgroundLight: hsl(211, 20%, 95%);
17
+
--backgroundLight: #f9fafb;
18
18
}
19
19
@media (prefers-color-scheme: dark) {
20
20
:root {
21
21
color-scheme: dark;
22
22
--text: white;
23
23
--background: black;
24
-
--backgroundLight: hsl(211, 20%, 20%);
24
+
--backgroundLight: #111822;
25
25
}
26
26
}
27
27
28
28
html.theme--light {
29
29
--text: black;
30
30
--background: white;
31
-
--backgroundLight: hsl(211, 20%, 95%);
31
+
--backgroundLight: #f9fafb;
32
32
background-color: white;
33
33
}
34
34
html.theme--dark {
···
36
36
background-color: black;
37
37
--text: white;
38
38
--background: black;
39
-
--backgroundLight: hsl(211, 20%, 20%);
39
+
--backgroundLight: #111822;
40
40
}
41
41
html.theme--dim {
42
42
color-scheme: dark;
43
-
background-color: hsl(211, 28%, 12%);
43
+
background-color: #151d28;
44
44
--text: white;
45
-
--background: hsl(211, 20%, 4%);
46
-
--backgroundLight: hsl(211, 20%, 10%);
45
+
--background: #151d28;
46
+
--backgroundLight: #1c2736;
47
47
}
48
48
49
49
/* Buttons and inputs have a font set by UA, so we'll have to reset that */