forked from EHV/sejeteralo
feat: adoption layer yvv-nuxt-base — palettes déléguées à useMood
- extends '../../yvv-nuxt-base' (frontend en sous-dossier)
- app/composables/usePalette.ts : moods avec vars précalculées
(--color-primary-dark dérivé + variables SVG), délégation à useMood
(darkClass 'palette-dark', syncColorMode false, storageKey 'sej-palette')
et synchro de useState('theme-dark') lu par la page graphiques
- DisplaySettings.vue : palette inline (~90 lignes) remplacée par le composable ;
font-size/densité inchangés
- README : note layer partagé
Vérifié Playwright : 6 palettes × light/dark × mobile/desktop (bodyBg suit
--color-bg, .palette-dark ne bascule que sur nuit/ocean) ; build npm vert ;
prod :3099 → 200.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
@@ -87,6 +87,13 @@ pinia@^3.0.2 # State management
|
||||
typescript@^5.8.2 # Typage statique
|
||||
```
|
||||
|
||||
Le frontend étend le layer partagé **`../../yvv-nuxt-base`** (`extends` dans
|
||||
`nuxt.config.ts`) : le composable `useMood` y centralise l'application DOM des
|
||||
palettes (variables CSS + classe `.palette-dark`), la persistance localStorage et
|
||||
le light/dark. Les palettes propres à SejeteralO (6 ambiances + variables SVG des
|
||||
graphiques) sont définies côté projet dans `app/composables/usePalette.ts`, qui
|
||||
délègue à `useMood` et synchronise l'état partagé `useState('theme-dark')`.
|
||||
|
||||
## Base de donnees
|
||||
|
||||
**SQLite** en dev/production legere, configurable via `DATABASE_URL`.
|
||||
|
||||
Reference in New Issue
Block a user