Deskripsi
Saat ini dark mode mengikuti prefers-color-scheme secara otomatis (Tailwind darkMode: "media"). Tambahkan toggle manual agar user bisa memilih sendiri: Light / Dark / System.
Perilaku yang Diharapkan
- Tombol toggle di top bar atau sidebar (ikon sun/moon)
- Pilihan:
light | dark | system
- Preferensi tersimpan di
chrome.storage via UserPrefs.theme
- Default:
system
Catatan Teknis
- Ganti
darkMode: "media" ke darkMode: "class" di tailwind.config.ts
- Tambah field
theme ke UserPrefs (sudah ada di storage/schema.ts)
- Aplikasikan class
dark ke <html> berdasarkan preferensi
Referensi Plan
§5.2 — Dark mode (mengikuti system preference, nice-to-have)
§6.2 — Mendukung light & dark mode
Labels
frontend enhancement
Deskripsi
Saat ini dark mode mengikuti
prefers-color-schemesecara otomatis (TailwinddarkMode: "media"). Tambahkan toggle manual agar user bisa memilih sendiri: Light / Dark / System.Perilaku yang Diharapkan
light|dark|systemchrome.storageviaUserPrefs.themesystemCatatan Teknis
darkMode: "media"kedarkMode: "class"ditailwind.config.tsthemekeUserPrefs(sudah ada distorage/schema.ts)darkke<html>berdasarkan preferensiReferensi Plan
Labels
frontendenhancement