add event to watch media change

mohdali · Oct 13, 2023 · e4a17ca · e4a17ca
1 parent 8ce224c
commit e4a17ca
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/mohdali.github.io/wwwroot/js/app.js b/src/mohdali.github.io/wwwroot/js/app.js
@@ -34,6 +34,10 @@ window.setTheme = () => {
     }
 }
 
-document.addEventListener("DOMContentLoaded", () => {
+window.addEventListener("DOMContentLoaded", () => {
     setTheme();
-});
+});
+
+window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
+    setTheme();
+})