add dark theme

1 files changed, 33 insertions, 1 deletions

diff --git a/static/style.css b/static/style.css
index 898d7bf..b7b1683 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1,5 +1,4 @@
 body {
-  background: #ffffff;
   margin: 3rem;
   font-family: sans-serif, monospace, serif;
   color: #352a2e;
@@ -282,3 +281,36 @@ footer {
     width: 10rem;
   }
 }
+
+@media (prefers-color-scheme: dark) {
+  body {
+    background-color: #000000;
+    color: #ffffff;
+  }
+
+  .paginator a,
+  .menu a,
+  a {
+    color: burlywood;
+  }
+
+  .menu a.active {
+    color: #ffffff;
+  }
+
+  .logo {
+    filter: brightness(10);
+  }
+
+  button,
+  select,
+  input {
+    background-color: #000000;
+    color: #ffffff;
+    border: 1px solid #ffffff;
+  }
+
+  footer {
+    border-top: 1px solid #444444;
+  }
+}