summaryrefslogtreecommitdiff
path: root/template/static/js/util/setThemeBeforeRender.js
diff options
context:
space:
mode:
authorElizabeth Hunt <elizabeth.hunt@simponic.xyz>2025-01-02 20:23:37 -0800
committerElizabeth Hunt <elizabeth.hunt@simponic.xyz>2025-01-02 20:23:37 -0800
commit8e33d86d2735476ebabc7878af3d27c41b856ad6 (patch)
treeaf203860010cac17649aabbb4c3758337fed2189 /template/static/js/util/setThemeBeforeRender.js
parent20d5255ff7b4be3e95d910e2c19ed91a8a91c42b (diff)
downloadoldinfra-8e33d86d2735476ebabc7878af3d27c41b856ad6.tar.gz
oldinfra-8e33d86d2735476ebabc7878af3d27c41b856ad6.zip
add static js
Diffstat (limited to 'template/static/js/util/setThemeBeforeRender.js')
-rw-r--r--template/static/js/util/setThemeBeforeRender.js11
1 files changed, 11 insertions, 0 deletions
diff --git a/template/static/js/util/setThemeBeforeRender.js b/template/static/js/util/setThemeBeforeRender.js
new file mode 100644
index 0000000..b025cce
--- /dev/null
+++ b/template/static/js/util/setThemeBeforeRender.js
@@ -0,0 +1,11 @@
+const preferredMode = window.matchMedia("(prefers-color-scheme: dark)").matches
+ ? "DARK"
+ : "LIGHT";
+
+// sets theme before rendering & jquery loaded to prevent flashing of uninitialized theme
+// (ugly white background)
+localStorage.setItem("theme", localStorage.getItem("theme") || preferredMode);
+document.documentElement.setAttribute(
+ "data-theme",
+ localStorage.getItem("theme"),
+);