css: Draft of dark mode.

resources/style.css

@@ -3,6 +3,7 @@ html, body {
     margin: 0;
     padding: 0;
     font-family: serif;
+    color: black;
     background-color: #ddd;
     font-size: 12pt;
     -webkit-text-size-adjust: none;
@@ -283,3 +284,54 @@ article .banner img {
         border: none;
     }
 }
+
+
+/* Dark mode */
+@media (prefers-color-scheme: dark) {
+    html, body {
+        background-color: #120800;
+        color: #ddd;
+    }
+    a {
+        color: #d75164;
+    }
+    #navbutton {
+        color: #d75164;
+        border-color: #d75164;
+        background-color: #2b2020;
+    }
+    #sidebar > header blockquote,
+    #navigation nav > header {
+        color: #aaa;
+    }
+    #navigation a {
+        color: #adddc9;
+    }
+    #navigation li small {
+        color: #6e8078;
+    }
+    #content > main > article {
+        background-color: #1e1311;
+    }
+    main + footer {
+        background-color: rgba(20, 20, 20, 0.5);
+        color: #888;
+    }
+    .article-text .readmore a {
+        border-top-color: #374036;
+        background-color: transparent;
+    }
+    .article-text #readmore {
+        border-bottom: 0.2em dashed #120800;
+    }
+}
+@media (prefers-color-scheme: dark) and (min-width: 36em) {
+    #content > main > article {
+        box-shadow: none;
+    }
+}
+@media (prefers-color-scheme: dark) and (min-width: 90em) {
+    .article-text footer a {
+        color: #adddc9;
+    }
+}