2 files changed, 27 insertions, 2 deletions
diff --git a/site/style.css b/site/style.css
index b8be0dd..08f22a6 100644
--- a/site/style.css
+++ b/site/style.css
@@ -30,3 +30,29 @@ textarea {
     resize: vertical;
     min-height: 2em;
 }
+
+
+@media screen and (prefers-color-scheme: dark) {
+
+    html {
+        background-color: black;
+        color: white;
+    }
+
+    body {
+        background-color: black;
+        box-shadow: none;
+        border: 2px solid white;
+        border-radius: 1em;
+    }
+
+    .error {
+        color: red;
+    }
+
+    textarea {
+        color: white;
+        background-color: black;
+    }
+
+}
diff --git a/todo.org b/todo.org
index b5f0d88..3ea98c0 100644
--- a/todo.org
+++ b/todo.org
@@ -17,9 +17,8 @@
 * TODO List of public surveys
 * IDEA CLI tool for age batch decryption & conversion to .csv
 
-
 * TODO UI
 ** IDEA Surveys with multiple pages
 Seems unclear how to do this in a way that also works with screen readers etc.
-** TODO Automatic Dark mode
 ** TODO Support for multiple languages (defined via config.dhall)
+** DONE Automatic Dark mode