Skip to content

Commit 5ff5bd3

Browse files
committed
✨ Make default color scheme preference agnostic
1 parent 2abc400 commit 5ff5bd3

File tree

4 files changed

+36
-15
lines changed

4 files changed

+36
-15
lines changed

an_website/static/css/themes/default.css

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

an_website/static/css/themes/default.css.map

+2-2
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

an_website/static/humans.txt

+2
Original file line numberDiff line numberDiff line change
@@ -13,3 +13,5 @@
1313
Contributor: binarynoise
1414

1515
README destroyer:Jimi  
16+
17+
Contributor:​ cainytheslave    

style/themes/default.css

+31-12
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,33 @@
1-
:root {
2-
color-scheme: only dark;
1+
@media (prefers-color-scheme: light) {
2+
:root {
3+
color-scheme: only light;
34

4-
/* colors: */
5-
--main: hsl(0deg 90% 48%);
6-
--main-2: hsl(0deg 90% 62%);
7-
--text-color: hsl(0deg 0% 90%);
8-
--secondary-text-color: hsl(0deg 0% 70%);
9-
--bg: hsl(0deg 0% 0%);
10-
--secondary-bg: hsl(0deg 0% 9%);
11-
--tertiary-bg: hsl(0deg 0% 18%);
12-
--contrast: hsl(240deg 100% 50%);
13-
--contrast-2: hsl(195deg 100% 50%);
5+
/* colors: */
6+
--main: hsl(0deg 100% 33%);
7+
--main-2: hsl(5deg 90% 22%);
8+
--text-color: hsl(0deg 0% 0%);
9+
--secondary-text-color: hsl(0deg 0% 15%);
10+
--bg: hsl(180deg 30% 90%);
11+
--secondary-bg: hsl(180deg 10% 75%);
12+
--tertiary-bg: hsl(180deg 10% 60%);
13+
--contrast: hsl(195deg 100% 26%);
14+
--contrast-2: hsl(240deg 100% 50%);
15+
}
16+
}
17+
18+
@media (prefers-color-scheme: dark) {
19+
:root {
20+
color-scheme: only dark;
21+
22+
/* colors: */
23+
--main: hsl(0deg 90% 48%);
24+
--main-2: hsl(0deg 90% 62%);
25+
--text-color: hsl(0deg 0% 90%);
26+
--secondary-text-color: hsl(0deg 0% 70%);
27+
--bg: hsl(0deg 0% 0%);
28+
--secondary-bg: hsl(0deg 0% 9%);
29+
--tertiary-bg: hsl(0deg 0% 18%);
30+
--contrast: hsl(240deg 100% 50%);
31+
--contrast-2: hsl(195deg 100% 50%);
32+
}
1433
}

0 commit comments

Comments
 (0)