dark mode

public/style.css

@@ -1,6 +1,7 @@
 html {
   -webkit-text-size-adjust: 100%;
   padding-bottom: 4em;
+  font-size: 18px;
 }
 
 body {
@@ -73,7 +74,7 @@ h3 + ul {
 }
 
 #viewer-friend:not(:checked) ~ #switcharoo #onlyfriends {
-    display: none; 
+  display: none;
 }
 
 #viewer-recruiter:checked ~ #switcharoo {
@@ -107,4 +108,22 @@ h3 + ul {
 
 #nocss {
   display: none;
-}
+}
+
+@media (prefers-color-scheme: dark) {
+  body {
+    background-color: #121212;
+    color: #f0f0f0;
+  }
+  a {
+    color: cyan;
+  }
+  a:visited {
+    color: pink;
+  }
+
+  .no-a-visited a:visited,
+  .cleanlinks a:visited {
+    color: cyan;
+  }
+}