💄 Add dark theme

upptime · Dec 7, 2020 · 1a22120 · 1a22120
1 parent 1a7b218
commit 1a22120
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 0 deletions.
diff --git a/src/components/ActiveIncidents.svelte b/src/components/ActiveIncidents.svelte
@@ -53,6 +53,11 @@
     background-color: #dcffeb;
     color: #003300;
   }
+  @media (prefers-color-scheme: dark) {
+    article {
+      background-color: #700000;
+    }
+  }
 </style>
 
 {#if !incidents.length && !loading}

diff --git a/src/components/Nav.svelte b/src/components/Nav.svelte
@@ -14,6 +14,12 @@
     overflow-x: auto;
   }
 
+  @media (prefers-color-scheme: dark) {
+    nav {
+      background-color: #004f4b;
+    }
+  }
+
   ul {
     margin: 0;
     padding: 0;

diff --git a/static/global.css b/static/global.css
@@ -128,3 +128,13 @@ dl dt {
 dl dd {
   margin: 0 0 1rem 0;
 }
+
+@media (prefers-color-scheme: dark) {
+  body {
+    background-color: #001f1e;
+    color: #f7ffff;
+  }
+  article {
+    background-color: #003330;
+  }
+}