Files
Forge-Engine/styles/forge-tokens.css
T
williamandClaude Sonnet 5 c60884ec46 Corrige une régression fonctionnelle : revient à Bulma 1.0.2 (plus de Sass)
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>
2026-08-29 08:40:16 +02:00

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);
}