Ce que le scan des quatre repos a relevé : des détails qui divergent d'un projet à l'autre. La valeur retenue par ce système est en gras ; les repos sont à aligner dessus.
| Sujet | portfolio | vps-admin | Stabilité (Flutter) | Retenu |
|---|---|---|---|---|
| Classe du calque d'état | .state |
.st |
natif (InkWell) | .st |
| Variantes de bouton | .btn.filled |
.btn-filled |
natif | .btn-filled |
| Graisse des libellés de bouton | 500 | 600 | 600 sur les FAB | 600 |
| Hauteur / padding du bouton | min 40, padding 24 | 40, padding 20 | natif 40 | 40px, padding 20 |
| Bouton large | 56px, rayon 28 | 48px, rayon 24 | natif | 48px (btn-lg), 56px (btn-xl) pour les héros |
| Icon button | 48px | 40px | natif 48 | 40px web, 48px mobile (icon-btn lg) |
| Chip | outline 32px, 14px | pleine secc, 12px / 600 |
StatusChip tonal | pleine par défaut, chip-outline pour les métadonnées, chip-filter pour les choix |
| Rayon des cartes | 28 | 28 | 24 | 28 (radius-card), 24 en compact |
| Thème clair | complet | seulement les statuts dans styles.css, le reste vient de theme.ts | fromSeed |
les rôles complets en clair et en sombre dans tokens.json |
| Couleurs de statut | aucune | ok / warn / bad fixes |
via colorScheme.error |
ok / warn / bad partout |
| Puce de code | absente | fond sombre fixe dans les deux thèmes | absente | scc + outline-v, suit le thème |
| Formes expressives | formule polaire en cosinus (shapes.ts, build.py) : 5 formes approchées |
même formule | aucune | 26 MaterialShapes officielles (Pelote.SHAPES), sans éclats, pixel, heart, puffy ni flower. Remplacer shapes.ts et build.py par ces tracés ; en Flutter, utiliser les mêmes chemins ou un portage de RoundedPolygon |
scrollbar-gutter, scroll-reveal |
oui | non | sans objet | scroll-reveal réservé au portfolio |
À surveiller
- Le scroll-reveal du portfolio part d'
opacity: 0: si le script ne tourne pas, le contenu reste invisible. Prévoir un état visible par défaut et n'animer qu'une fois l'observateur prêt. - Le curseur personnalisé (
mix-blend-mode: difference) est une signature du portfolio : à ne pas reprendre dans les apps. - vps-admin et Stabilité génèrent leurs couleurs depuis une couleur source : les tokens de ce système sont les valeurs de la source violette par défaut, pas une contrainte de teinte.