You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
27 lines
980 B
27 lines
980 B
# 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
|
|
|