commit 77397b21

Poul Sander · 2026-07-03 21:40
77397b212d0d732ef2490d1693232ba2f72a756c patch · browse files
parent 8f1288c22bfaf31c87ad922d3b5844f499cf51ec

Move theme logic into a file to allow local storage to work across pages

Changed files

A	static/theme.js
M	templates/master.tmpl before

diff --git a/static/theme.js b/static/theme.js new file mode 100644 index 0000000..08adda2 --- /dev/null +++ b/static/theme.js

@@ -0,0 +1,13 @@

+// Applies the saved (or system-preferred) theme before first paint, so it is

+// in place before the stylesheet renders and there is no flash of the wrong

+// theme. Kept in a static file rather than inline so the strict page CSP

+// (script-src 'self') allows it. app.js handles switching and persistence.

+(function () {

+ try {

+ var t = localStorage.getItem("theme");

+ if (t !== "light" && t !== "dark") {

+ t = window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";

+ }

+ document.documentElement.setAttribute("data-theme", t);

+ } catch (e) { /* private mode / storage disabled: fall back to CSS default */ }

+})();

diff --git a/templates/master.tmpl b/templates/master.tmpl index 6622685..710a40e 100644 --- a/templates/master.tmpl +++ b/templates/master.tmpl

@@ -9,7 +9,7 @@

-<script>(function(){try{var t=localStorage.getItem("theme");if(t!=="light"&&t!=="dark")t=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light";document.documentElement.setAttribute("data-theme",t);}catch(e){}})();</script>

+<script src="/static/theme.js"></script>

</head>