From d75353b55e10775649954d789d432be61ff663bf Mon Sep 17 00:00:00 2001
From: Tim Schubert <dadada@dadada.li>
Date: Sun, 9 Nov 2025 14:51:20 +0100
Subject: [PATCH] add dark mode

---
 pagestyle.css | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/pagestyle.css b/pagestyle.css
index f5e00e7..5b6f867 100644
--- a/pagestyle.css
+++ b/pagestyle.css
@@ -1,8 +1,14 @@
+:root {
+  color-scheme: light dark;
+}
+
 body {
   min-width: 30em;
   max-width: 60em;
   margin-left: auto;
   margin-right: auto;
+  color: light-dark(black, white);
+  background-color: light-dark(white, dark);
 }
 
 nav {
@@ -10,7 +16,7 @@ nav {
   font-size: 16pt;
   a {
     text-decoration: none;
-    color: black;
+    color: light-dark(black, white);
   }
   border-bottom: 2pt solid grey;
 }
@@ -24,10 +30,11 @@ footer {
 main {
   padding: 0.5em;
   code {
-    background-color: aliceblue;
+    color: light-dark(black, white);
+    background-color: light-dark(aliceblue, midnightblue);
   }
   a:visited {
-    color: darkorange;
+    color: light-dark(darkorange, orange);
   }
   a:link {
     color: darkcyan;
@@ -45,6 +52,8 @@ main {
     }
   }
   pre {
+    color: light-dark(black, white);
+    background-color: light-dark(aliceblue, midnightblue);
     padding-block: 0.5em;
     border-block: 1pt solid grey;
     font-size: 8pt;
@@ -52,9 +61,6 @@ main {
   pre code.shell:before {
     content: "$ ";
   }
-  pre code.shell {
-    background-color: white;
-  }
   h2,
   h3 {
     margin-top: 1.5em;