gabriel / musehub public
theme.ts typescript
23 lines 707 B
Raw
sha256:1ccb8409daa5aabe577bd26d11b56ed12f3376d64011d0e75a247e81211a66ee docs(mwp4/phase5): tick Phase 5 checkboxes, close musehub#109 Sonnet 4.6 20 days ago
1 const STORAGE_KEY = 'musehub-theme';
2
3 export function applyStoredTheme(): void {
4 if (localStorage.getItem(STORAGE_KEY) === 'light') {
5 document.documentElement.dataset['theme'] = 'light';
6 }
7 }
8
9 export function toggleTheme(): void {
10 const isLight = document.documentElement.dataset['theme'] === 'light';
11 if (isLight) {
12 delete document.documentElement.dataset['theme'];
13 localStorage.setItem(STORAGE_KEY, 'dark');
14 } else {
15 document.documentElement.dataset['theme'] = 'light';
16 localStorage.setItem(STORAGE_KEY, 'light');
17 }
18 }
19
20 export function initThemeBtn(): void {
21 const btn = document.getElementById('navbar-theme-btn');
22 if (btn) btn.addEventListener('click', toggleTheme);
23 }
File History 2 commits
sha256:1ccb8409daa5aabe577bd26d11b56ed12f3376d64011d0e75a247e81211a66ee docs(mwp4/phase5): tick Phase 5 checkboxes, close musehub#109 Sonnet 4.6 20 days ago
sha256:2c523da45351334b5c4dbefed4dc3dd553b3faa8737a4e6caf301e5dc82141be test(mwp4): Phase 0 RED reproduction tests for RC-4 ordering race Sonnet 4.6 20 days ago