 |
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; |
|
+ } |
|
+} |
