CSS: add dark mode - saait - the most boring static page generator | |
git clone git://git.codemadness.org/saait | |
Log | |
Files | |
Refs | |
README | |
LICENSE | |
--- | |
commit 05eb9e7224f302b9d611043adb52418450b3ce4d | |
parent 134ff98c58a8cca78caf918cc6dddc3a24155490 | |
Author: Hiltjo Posthuma <[email protected]> | |
Date: Sat, 19 Mar 2022 13:13:14 +0100 | |
CSS: add dark mode | |
Diffstat: | |
M style.css | 24 ++++++++++++++++++++++++ | |
1 file changed, 24 insertions(+), 0 deletions(-) | |
--- | |
diff --git a/style.css b/style.css | |
@@ -12,6 +12,11 @@ body { | |
article, figcaption, figure, header, main, nav { | |
display: block; | |
} | |
+/* center images */ | |
+img { | |
+ display: block; | |
+ margin: 0 auto; | |
+} | |
table, img { | |
border: 0; | |
} | |
@@ -78,3 +83,22 @@ code { | |
.hidden { | |
display: none; | |
} | |
+@media (prefers-color-scheme: dark) { | |
+ body { | |
+ background-color: #000; | |
+ color: #bdbdbd; | |
+ } | |
+ code { | |
+ background-color: #111; | |
+ border-color: #222; | |
+ } | |
+ hr { | |
+ border-color: #222; | |
+ } | |
+ a { | |
+ color: #56c8ff; | |
+ } | |
+ #main { | |
+ border-top: 3px solid #222; | |
+ } | |
+} |