Introduction
Introduction Statistics Contact Development Disclaimer Help
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;
+ }
+}
You are viewing proxied material from codemadness.org. The copyright of proxied material belongs to its original authors. Any comments or complaints in relation to proxied material should be directed to the original authors of the content concerned. Please see the disclaimer for more details.