Add dark mode

words · Nov 9, 2019 · 6616725 · 6616725
1 parent fa94b3c
commit 6616725
Showing 1 changed file with 24 additions and 0 deletions.
diff --git a/src/index.css b/src/index.css
@@ -1,9 +1,33 @@
+:root {
+  color-scheme: light dark;
+  background-color: hsl(0, 0%, 90%);
+}
+
+a {
+  color: #0367d8;
+}
+
 body {
   font-family: system-ui;
   margin: 3em auto;
   max-width: 30em;
 }
 
+label {
+  display: block;
+}
+
+input {
+  font: inherit;
+}
+
 output {
   font-weight: bold;
 }
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    background-color: hsl(214, 13%, 10%);
+    color: hsl(214, 13%, 90%);
+  }
+}