summaryrefslogtreecommitdiff
path: root/static/js/util/setThemeBeforeRender.js
diff options
context:
space:
mode:
Diffstat (limited to 'static/js/util/setThemeBeforeRender.js')
-rw-r--r--static/js/util/setThemeBeforeRender.js10
1 files changed, 6 insertions, 4 deletions
diff --git a/static/js/util/setThemeBeforeRender.js b/static/js/util/setThemeBeforeRender.js
index d826193..b8f299a 100644
--- a/static/js/util/setThemeBeforeRender.js
+++ b/static/js/util/setThemeBeforeRender.js
@@ -1,6 +1,8 @@
+const preferredMode = window.matchMedia("(prefers-color-scheme: dark)").matches
+ ? "DARK"
+ : "LIGHT";
+localStorage.setItem("theme", localStorage.getItem("theme") || preferredMode);
+
// sets theme before rendering & jquery loaded to prevent flashing of uninitialized theme
// (ugly white background)
-document.documentElement.setAttribute(
- "data-theme",
- localStorage.getItem("theme"),
-);
+document.documentElement.setAttribute("data-theme", preferredMode);