From 5d5d1bc3c1ebbad99c36715a2d549795d6803847 Mon Sep 17 00:00:00 2001
From: Evan Brierton <35705911+evanbrierton@users.noreply.github.com>
Date: Mon, 29 Nov 2021 20:24:55 +0000
Subject: [PATCH] Use event listener for match system theme

---
 src/js/main.js | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/js/main.js b/src/js/main.js
index 97b84e6..a86f25f 100644
--- a/src/js/main.js
+++ b/src/js/main.js
@@ -512,14 +512,15 @@ Dribbblish.on("ready", () => {
             else dark = start <= time && time < end;
             toggleDark(dark);
         }
-        if (theme === "system") {
-            toggleDark(window.matchMedia("(prefers-color-scheme: dark)").matches);
-        }
     }
 
     // Run every Minute to check time and set dark / light mode
     setInterval(checkDarkLightMode, 60000);
     
+    window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", e => {
+        if (theme === "system") toggleDark(e.matches);
+     });
+
     Dribbblish.config.register({
         area: "Theme",
         type: "select",