Add a minimum viable dark mode

danott · Jan 14, 2024 · 14e7653 · 14e7653
1 parent 4592b51
commit 14e7653
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/site/style.css b/site/style.css
@@ -2,8 +2,9 @@
 
 body {
   margin: 4rem auto;
-  max-width: 40rem;
+  max-width: 44rem;
   line-height: 1.6;
+  font-family: monospace;
   font-size: 20px;
   color: #444;
   padding: 0 1rem;
@@ -19,3 +20,9 @@ img {
   max-width: 100%;
   height: auto;
 }
+
+@media (prefers-color-scheme: dark) {
+  html {
+    filter: invert(90%) hue-rotate(25deg);
+  }
+}