Add WIP light theme

css/index.css

@@ -280,6 +280,7 @@ input.search {
 }
 
 /* Actual colors */
+@media (prefers-color-scheme: dark) {
     body {
         background-color: #363636;
     }
@@ -400,3 +401,132 @@ input.search {
     .sidebar a:hover {
         color: #bbbbff;
     }
+}
+
+@media (prefers-color-scheme: light) {
+    body {
+        background-color: #fffffe;
+    }
+
+    blockquote {
+        background-color: #ffffff;
+    }
+
+    hr {
+        border-top: 1px solid #fffff0;
+    }
+
+    pre {
+        background: #fdfff5;
+    }
+
+    code {
+        background: #fdfff5;
+        color: #111111;
+    }
+
+    table {
+        background-color: #fdfff5;
+        color: #333333;
+    }
+
+    td, th {
+      background: #fdfff5;
+    }
+
+    thead {
+      border-bottom: 1px solid black;
+    }
+
+    tr:nth-child(even) {
+      background: #e4e4e4;
+    }
+
+    tr:nth-child(odd) {
+      background: #eeeeee;
+    }
+
+    .footer {
+        color: #222222;
+    }
+
+    textarea {
+        background-color: #fdfff5;
+        color: #222222;
+    }
+
+    .main {
+        background-color: #fdfff5;
+        color: #222222;
+    }
+
+    .main a {
+        color: #89a0f0;
+    }
+
+    .footer a {
+        color: #89a0f0;
+    }
+
+    .main a:hover {
+        color: #ccc0ff;
+    }
+
+    .footer a:hover {
+        color: #ccc0ff;
+    }
+
+    .main a.literalMatch {
+        color: #6666ff;
+    }
+
+    .main a.noexist {
+        color: #f34000 !important;
+    }
+
+    .titlebar {
+        background-color: #ffffee;
+        color: #89bfff;
+    }
+
+    .titledate {
+        color: #777777;
+    }
+
+    .toolbar {
+        background-color: #fffff0;
+    }
+
+    .toolbar a {
+        -webkit-filter: invert(100%);
+        filter: invert(100%);
+    }
+
+    .toolbar > a, .titlebar > a {
+        color: #eeeeee;
+    }
+
+    .sidebar {
+        border: solid 1px #666644;
+    }
+
+    input.search {
+        border-color: #fffff0;
+        background-color: #fffff0;
+        color: #222222;
+    }
+
+    .sidebar {
+        color: #aaaaaa;
+        border-color: #aaaaaa;
+        background-color: #fffffe;
+    }
+
+    .sidebar a {
+        color: #19a0ff;
+    }
+
+    .sidebar a:hover {
+        color: #bbbbff;
+    }
+}