# Theme & Appearance
## Mode Tema
- Light
- Dark (default HTML attribute)
- System (ikuti `prefers-color-scheme`)

## Implementasi
- Attribute: `html[data-theme]` dan `html[data-theme-pref]`
- Toggle: segmented control 3 tombol (`partials/theme-toggle.blade.php`)
- Persistensi: `localStorage` key `databaselist-ui-theme` (legacy name)
- Init anti-FOUC: `public/js/theme-init.js` (inline di head)
- Runtime: `public/js/theme.js` → `window.setUiTheme()`

## Light Mode Overrides
- `app-ui.css` remap ~80+ rule Tailwind slate → light equivalents
- Kartu putih, border `#e2e8f0`, teks `#0f172a`
- Tombol berwarna tetap teks putih
- Alert sukses/error/emerald/cyan disesuaikan kontras
- App shell (sidebar, header, bottom, sheet) background putih

## Lokasi Toggle
- Header app shell (authenticated)
- Kanan atas halaman login (unauthenticated)

## Branding PWA
- `theme_color` / `background_color`: `#020617`
- Tidak ada perubahan theme-color meta dinamis saat switch light mode