From 313c8b1db04f5089053b19bd11ffb34a04154b03 Mon Sep 17 00:00:00 2001 From: Tealk Date: Sat, 20 Mar 2021 13:18:48 +0100 Subject: [PATCH] add darkmode detection --- js/main.js | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/js/main.js b/js/main.js index 253b3f9..5b30f2f 100644 --- a/js/main.js +++ b/js/main.js @@ -53,3 +53,10 @@ function resetTheme() { localStorage.removeItem("darkSwitch"); } } + +if (window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) { + document.body.setAttribute("data-theme", "dark"); +} +window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", (e) => { + const newColorScheme = e.matches ? document.body.setAttribute("data-theme", "dark") : document.body.removeAttribute("data-theme"); +}); \ No newline at end of file