feat: 添加5套主题切换:深邃暗/纯净白/赛博朋克/莫兰迪/护眼绿

This commit is contained in:
zwbcc
2026-03-28 21:13:48 +08:00
parent 0dfabd60a5
commit 62f040bb8c
3 changed files with 162 additions and 7 deletions

18
ui.js
View File

@@ -282,6 +282,24 @@ saveSettingsBtn.addEventListener('click', async () => {
}
});
// ── Theme switcher ─────────────────────────────────────────────
function applyTheme(theme) {
document.documentElement.dataset.theme = theme;
localStorage.setItem('imgGen-theme', theme);
document.querySelectorAll('.theme-btn').forEach(btn =>
btn.classList.toggle('active', btn.dataset.theme === theme)
);
}
document.querySelectorAll('.theme-btn').forEach(btn => {
btn.addEventListener('click', () => applyTheme(btn.dataset.theme));
});
// Restore saved theme
const savedTheme = localStorage.getItem('imgGen-theme');
if (savedTheme) applyTheme(savedTheme);
// ── Start ──────────────────────────────────────────────────────
init();