From bf21f208a84a932a1a69aff2be7248bd1dcfd28c Mon Sep 17 00:00:00 2001
From: Anand Chowdhary <mail@anandchowdhary.com>
Date: Thu, 10 Dec 2020 09:35:06 +0530
Subject: [PATCH] :recycle: Use .dark globally for dark theme

---
 src/components/ActiveIncidents.svelte |  6 ++----
 src/components/Nav.svelte             |  6 ++----
 static/global.css                     | 14 ++++++--------
 3 files changed, 10 insertions(+), 16 deletions(-)

diff --git a/src/components/ActiveIncidents.svelte b/src/components/ActiveIncidents.svelte
index 79d0a8c..6e49b13 100644
--- a/src/components/ActiveIncidents.svelte
+++ b/src/components/ActiveIncidents.svelte
@@ -53,10 +53,8 @@
     background-color: #dcffeb;
     color: #003300;
   }
-  @media (prefers-color-scheme: dark) {
-    article {
-      background-color: #700000;
-    }
+  :global(.dark) article {
+    background-color: #700000;
   }
 </style>
 
diff --git a/src/components/Nav.svelte b/src/components/Nav.svelte
index ebe67d7..7bbe4be 100644
--- a/src/components/Nav.svelte
+++ b/src/components/Nav.svelte
@@ -14,10 +14,8 @@
     overflow-x: auto;
   }
 
-  @media (prefers-color-scheme: dark) {
-    nav {
-      background-color: #002b29;
-    }
+  :global(.dark) nav {
+    background-color: #002b29;
   }
 
   ul {
diff --git a/static/global.css b/static/global.css
index 91cf79a..a51463c 100644
--- a/static/global.css
+++ b/static/global.css
@@ -129,12 +129,10 @@ dl dd {
   margin: 0 0 1rem 0;
 }
 
-@media (prefers-color-scheme: dark) {
-  body {
-    background-color: #001716;
-    color: #f0ffff;
-  }
-  article {
-    background-color: #002b29;
-  }
+.dark body {
+  background-color: #001716;
+  color: #f0ffff;
+}
+.dark article {
+  background-color: #002b29;
 }