Fix dark mode inconsistency across pages

level09 · level09 · commit 470095b54403 · 2026-01-10T19:41:40.000+01:00
Read theme preference from localStorage instead of undefined window.__settings__.
This ensures all Vue app instances (navbar and page content) use the same theme.
diff --git a/enferno/static/js/config.js b/enferno/static/js/config.js
@@ -41,7 +41,7 @@ const config = {
             }
         },
         theme: {
-            defaultTheme: window.__settings__?.dark ? 'dark' : 'light',
+            defaultTheme: localStorage.getItem('enferno-theme') || (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'),
             themes: {
                 light: {
                     dark: false,

Original file line number	Diff line number	Diff line change
`@@ -41,7 +41,7 @@ const config = {`
`41`	`41`	`}`
`42`	`42`	`},`
`43`	`43`	`theme: {`
`44`		`- defaultTheme: window.__settings__?.dark ? 'dark' : 'light',`
	`44`	`+ defaultTheme: localStorage.getItem('enferno-theme') \|\| (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'),`
`45`	`45`	`themes: {`
`46`	`46`	`light: {`
`47`	`47`	`dark: false,`