Add an automatic light theme

theme-fred/static/css/main.css

@@ -182,3 +182,54 @@ footer p {
   font-size: 75%;
   color: #999;
 }
+
+@media (prefers-color-scheme: light) {
+  body {
+    background: #eee;
+    color: #1e1e1e;
+  }
+
+  h2 {
+    color: #222;
+  }
+
+  h3,
+  h4 {
+    color: #333;
+  }
+
+  time {
+    color: #444;
+  }
+
+  #site-title,
+  #site-title:visited {
+    color: #222;
+  }
+
+  #site-title:hover {
+    color: #444;
+  }
+
+  #sitesubtitle {
+    color: #666;
+  }
+
+  blockquote {
+    border-left: 1px solid #555;
+  }
+
+  a:hover,
+  a:visited:hover{
+    color: hsl(300, 33%, 40%);
+  }
+
+  a:visited {
+    color: #6f6144;
+  }
+
+  footer {
+    background: #e2e2e2;
+    color: #222;
+  }
+}