Enhance forest scene with mid bamboo layer, butterflies, click confetti, and demo scene polish

2026-08-20 16:12:16 +00:00 · 2026-07-11 06:08:12 +02:00
parent 21383b8b9c
commit 04df35bbe6
12 changed files with 1060 additions and 182 deletions
@@ -0,0 +1,29 @@
+(() => {
+    const systemTheme = window.matchMedia('(prefers-color-scheme: light)');
+    let mode = 'system';
+
+    const normalize = value => ['system', 'dark', 'light'].includes(value) ? value : 'system';
+    const apply = value => {
+        mode = normalize(value);
+        const light = mode === 'light' || (mode === 'system' && systemTheme.matches);
+        document.documentElement.classList.toggle('theme-light', light);
+        document.documentElement.dataset.theme = light ? 'light' : 'dark';
+        document.documentElement.style.colorScheme = light ? 'light' : 'dark';
+    };
+
+    apply('system');
+    window.koalaTheme = {
+        getMode: () => mode,
+        setMode: apply
+    };
+
+    systemTheme.addEventListener('change', () => {
+        if (mode === 'system') apply('system');
+    });
+
+    if (!globalThis.chrome?.storage?.local) return;
+    chrome.storage.local.get(['themeMode'], data => apply(data.themeMode));
+    chrome.storage.onChanged.addListener((changes, area) => {
+        if (area === 'local' && changes.themeMode) apply(changes.themeMode.newValue);
+    });
+})();