v2

dist/theme-init.js

@@ -0,0 +1,12 @@
+// Run before the app paints. Keep theme names/base colors aligned with src/theme.ts.
+(() => {
+  const bases = { latte: '#eff1f5', frappe: '#303446', macchiato: '#24273a', mocha: '#1e1e2e' };
+  let theme = 'mocha';
+  try {
+    const saved = localStorage.getItem('wikideck-theme');
+    if (Object.hasOwn(bases, saved)) theme = saved;
+  } catch { /* Storage can be unavailable in privacy-restricted browsers. */ }
+  document.documentElement.dataset.theme = theme;
+  document.documentElement.style.colorScheme = theme === 'latte' ? 'light' : 'dark';
+  document.querySelector('meta[name="theme-color"]')?.setAttribute('content', bases[theme]);
+})();