From eaebc555d36e73f19f7beeccf3ca11ad7c9703fc Mon Sep 17 00:00:00 2001 From: william Date: Sat, 29 Aug 2026 08:14:33 +0200 Subject: [PATCH] =?UTF-8?q?Refonte=20design=20system=20=E2=80=94=20Phase?= =?UTF-8?q?=20D=20:=20=C3=A9diteur=20de=20sc=C3=A8ne=20et=20aper=C3=A7u=20?= =?UTF-8?q?jouable?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit L'essentiel du re-skin de l'éditeur de scène (onglets, panneaux flottants, groupes de propriétés, boutons, galerie d'icônes, menu contextuel, modales) était déjà obtenu automatiquement par le passage global des tokens en Phase A — tout ce CSS custom consommait déjà les mêmes variables (--panel/--border/--accent...) que le reste de l'app. Reste ce sweep ciblé des dernières couleurs codées en dur qui échappaient aux tokens : - screen_edit.html : bandeau "élément de jeu réutilisable" (fond/bordure panneau en dur), avertissement de suppression de nœud de logique (fallback --danger périmé), séparateur de clause de condition (gris clair #ccc, incohérent sur un thème exclusivement sombre) — tous reliés à var(--panel)/var(--border)/var(--danger). Les couleurs de swatch par défaut des actions "changer la couleur d'un élément" (#5b8cff, #ff0000) sont volontairement laissées telles quelles : ce sont des valeurs de CONTENU (le jeu du client), pas du chrome Forge. - play.html : #emptyState (message "aucun écran" généré par le moteur, pas du contenu du jeu) relié à var(--forge-text-muted). Le rendu du jeu lui-même (fond du cadre, bordure des champs de saisie posés par le client sur ses écrans) reste strictement inchangé, conformément à la distinction actée avec l'utilisateur entre chrome de l'outil et contenu du jeu créé. - Aucun changement à la disposition (canvas, floatPanel, builder3) — conforme à l'exemption du §5/§9 du document de règles. 197 tests toujours verts ; JS de screen_edit.html (très long) revérifié via une extraction jetable + node --check, comme pour les phases précédentes. Termine la refonte design system en 4 phases (voir regles/FORGE_ENGINE_TEMPLATE_BULMA.md) : Bulma auto-hébergé compilé via Sass avec la palette Forge, chrome global et pages d'authentification, en-têtes de page des écrans de gestion, éditeur de scène et aperçu jouable. Co-Authored-By: Claude Sonnet 5 --- templates/play.html | 2 +- templates/screen_edit.html | 6 +++--- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/templates/play.html b/templates/play.html index 98fca6f1..fb991a48 100644 --- a/templates/play.html +++ b/templates/play.html @@ -40,7 +40,7 @@ display:flex; align-items:center; justify-content:center; } .playElement input{ width:90%; height:70%; box-sizing:border-box; border:1px solid #2b3140; border-radius:4px; padding:0 8px; } - #emptyState{ color:#8b93a7; font-family:system-ui,sans-serif; text-align:center; padding-top:40vh; } + #emptyState{ color:var(--forge-text-muted, #8b95a7); font-family:system-ui,sans-serif; text-align:center; padding-top:40vh; } /* 3.3 (Confort) — surbrillance générique dynamique : liseré clignotant, posé/enlevé par une action "Modifier un élément → Surbrillance", applicable à n'importe quel élément (pas seulement les boutons). */ diff --git a/templates/screen_edit.html b/templates/screen_edit.html index c6333d16..4b39ebc7 100644 --- a/templates/screen_edit.html +++ b/templates/screen_edit.html @@ -8,7 +8,7 @@ {% endblock %} {% block content %} {% if screen.is_template %} -

+

🧩 Contenu d'un élément de jeu réutilisable.

{% endif %} @@ -522,7 +522,7 @@

Cette action est irréversible.

- +