JulesandClaude Sonnet 5
0903b8989b
- package.json : dépendance @transformer/ui (git+https design-system.git) - nuxt.config.ts : css tokens.css + theme/aep.css chargés avant main.css - assets/css/main.css : --nav-bg/-bg-alt/-surface/-primary/-accent/-text/ -text-muted/-font deviennent des alias var(--role) DS ; focus ring sur var(--focus-ring). --nav-primary-raw, --nav-primary-solid, --nav-accent-soft et --nav-text-on-primary restent des valeurs propres à nav-carte (pas d'équivalent DS fiable en sombre — --nav-text-on-primary sert de contraste à la fois sur --nav-primary translucide et --nav-primary-solid opaque, deux fonds dont la légèreté s'inverse en sombre ; aliaser sur --on-primary DS cassait le contraste du logo AEP et de ~10 boutons en sombre, testé au pixel et reverti) - tailwind.config.js : couleurs nav.* pointent vers les variables --nav-* (pas de darkMode:'class' ajouté — aucune classe dark: Tailwind en usage) Vérifié : npm run build OK, diff pixel avant/après < 0.5% sur home + agences en clair/sombre (bruit = badge Nuxt Devtools, pas les tokens). Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
57 lines
1.5 KiB
JavaScript
57 lines
1.5 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: [
|
|
'./components/**/*.{js,vue,ts}',
|
|
'./layouts/**/*.vue',
|
|
'./pages/**/*.vue',
|
|
'./plugins/**/*.{js,ts}',
|
|
'./app.vue',
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
/* Palette NAV V2 — Sobre institutionnel */
|
|
/* Pointent vers les variables CSS --nav-* (alias des rôles @transformer/ui,
|
|
voir assets/css/main.css) pour rester cohérentes clair/sombre. (B3-M0) */
|
|
nav: {
|
|
bg: 'var(--nav-bg)',
|
|
'bg-alt':'var(--nav-bg-alt)',
|
|
surface: 'var(--nav-surface)',
|
|
primary: 'var(--nav-primary)',
|
|
'primary-solid': 'var(--nav-primary-solid)',
|
|
accent: 'var(--nav-accent)',
|
|
text: 'var(--nav-text)',
|
|
'text-muted': 'var(--nav-text-muted)',
|
|
'text-on-primary': 'var(--nav-text-on-primary)',
|
|
},
|
|
/* Héritage V1 — gardé pour composants existants */
|
|
sage: {
|
|
50: '#f4f7f4',
|
|
100: '#e6ede6',
|
|
200: '#cddccd',
|
|
300: '#a9c2a9',
|
|
400: '#7ea07e',
|
|
500: '#5c7f5c',
|
|
600: '#476447',
|
|
700: '#3a503a',
|
|
800: '#304030',
|
|
900: '#293529',
|
|
},
|
|
warm: {
|
|
50: '#faf8f5',
|
|
100: '#f5f0e8',
|
|
200: '#ece0cf',
|
|
300: '#dfc9ad',
|
|
400: '#ceaa84',
|
|
500: '#c09060',
|
|
600: '#b07a4a',
|
|
700: '#93633c',
|
|
800: '#785134',
|
|
900: '#62432c',
|
|
},
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
}
|