1
0
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:
Yvv
2026-07-18 17:37:13 +02:00
parent b24f226b35
commit 8bfa5f98ef
4 changed files with 144 additions and 90 deletions
+7
View File
@@ -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`.