gsadmin/KoalaSync
1
0
Fork 0
mirror of https://github.com/Shik3i/KoalaSync.git synced 2026-08-08 10:23:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: persist theme and lighten demo mockup

Browse Source
This commit is contained in:
KoalaDev
2026-07-07 02:28:45 +02:00
parent e559b41c93
commit c16bf30ad5
2 changed files with 134 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/app.js
+12 -1
View File
@@ -64,16 +64,27 @@ document.addEventListener('DOMContentLoaded', () => {
// pre-paint class is applied by lang-init.js to avoid a flash)
const themeToggle = document.getElementById('theme-toggle');
const themeMeta = document.querySelector('meta[name="theme-color"]');
const themeStorageKey = 'koala_theme';
const getCurrentTheme = () => document.documentElement.classList.contains('theme-light') ? 'light' : 'dark';
const savedTheme = safeGetLocalStorage(themeStorageKey);
if (savedTheme === 'light') {
document.documentElement.classList.add('theme-light');
} else if (savedTheme === 'dark') {
document.documentElement.classList.remove('theme-light');
}
const syncThemeMeta = () => {
if (themeMeta) {
themeMeta.setAttribute('content', document.documentElement.classList.contains('theme-light') ? '#f1f5f9' : '#0f172a');
}
};
syncThemeMeta();
safeSetLocalStorage(themeStorageKey, getCurrentTheme());
if (themeToggle) {
themeToggle.addEventListener('click', () => {
const isLight = document.documentElement.classList.toggle('theme-light');
safeSetLocalStorage('koala_theme', isLight ? 'light' : 'dark');
safeSetLocalStorage(themeStorageKey, isLight ? 'light' : 'dark');
syncThemeMeta();
});
}