L'utilisateur a signalé des bugs réels en jeu après la refonte design system : jauges qui ne se remplissent plus, conditions de visibilité cassées sur une carte (enveloppe ouverte/fermée affichées en même temps). Racine du problème : Phase A avait basculé Bulma de 1.0.2 (CDN d'origine) vers 0.9.4, seule version compatible avec libsass (1.0.2 utilise le système de modules @use/@forward que libsass ne sait pas compiler). Or screens/rendering/render_jauge.py pilote le remplissage d'une jauge en fixant en ligne --bulma-progress-value-background-color — une variable CSS qui n'existe QUE dans le nouveau système de theming de Bulma 1.x, absente de 0.9.4. Aucune perte de données : les champs d'objet étaient toujours intacts en base (vérifié directement sur projects/test/game.db) — uniquement un problème de rendu/comportement en jeu. Correction : revient à Bulma 1.0.2, vendoré tel quel et non modifié (static/vendor/bulma.min.css, ~677 Ko, auto-hébergé — toujours aucune dépendance CDN). Bulma 1.x expose déjà tout son thème via de vraies variables CSS (--bulma-primary-h/-s/-l, --bulma-radius...), justement conçues pour être surchargées après coup SANS recompilation Sass — styles/bulma-override.css les redéfinit avec la palette Forge (teintes HSL calculées à partir des couleurs de la charte). build_css.py devient un simple concaténage de 4 fichiers (bulma.min.css + bulma-override.css + forge-tokens.css + forge-custom.css), plus besoin de libsass ni d'aucun compilateur — supprimé de requirements.txt. styles/bulma/ (source Sass 0.9.4 vendorée en Phase A) et styles/forge-theme.scss supprimés. Nouvelle règle ajoutée en commentaire dans bulma-override.css : ne plus jamais changer de version de Bulma sans `grep -rn "\-\-bulma-" screens/ templates/` d'abord — cette dépendance n'est pas que visuelle. 197 tests toujours verts (ils ne couvrent que le HTML généré, jamais le rendu réel — c'est pour ça que cette régression n'avait pas été détectée avant que l'utilisateur ne la signale en jouant pour de vrai). Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
39 lines
1.3 KiB
CSS
39 lines
1.3 KiB
CSS
/* forge-tokens.css — tokens de la charte Forge (voir
|
|
regles/FORGE_ENGINE_TEMPLATE_BULMA.md, §1), exposés en :root pour rester
|
|
inspectables/utilisables tels quels par du JS ou du style inline.
|
|
Chargé APRÈS bulma-override.css (voir build_css.py) : indépendant de
|
|
Bulma, consommé par tout le CSS custom de l'app (forge-custom.css). */
|
|
:root {
|
|
--forge-bg: #0b0e14;
|
|
--forge-bg-secondary: #11151d;
|
|
--forge-card: #161b25;
|
|
--forge-border: #232a38;
|
|
--forge-text: #e8ecf4;
|
|
--forge-text-muted: #8b95a7;
|
|
--accent: #ff5f2e;
|
|
--accent-2: #ffb020;
|
|
--gradient: linear-gradient(120deg, var(--accent), var(--accent-2));
|
|
--glow: rgba(255, 95, 46, 0.25);
|
|
--status-success: #10b981;
|
|
--status-warning: #ffb020;
|
|
--status-danger: #f04438;
|
|
--status-info: #3b82f6;
|
|
|
|
/* Alias historiques : noms de variable déjà utilisés par tout le CSS
|
|
custom de l'app avant la charte Forge (styles/forge-custom.css) — pas
|
|
besoin de renommer les ~600 lignes de règles déjà écrites, seules les
|
|
VALEURS changent. */
|
|
--bg: var(--forge-bg);
|
|
--panel: var(--forge-card);
|
|
--panel2: var(--forge-bg-secondary);
|
|
--border: var(--forge-border);
|
|
--text: var(--forge-text);
|
|
--text-dim: var(--forge-text-muted);
|
|
--danger: var(--status-danger);
|
|
}
|
|
|
|
html, body {
|
|
background: var(--forge-bg);
|
|
color: var(--forge-text);
|
|
}
|