Signalé par capture d'écran : le rendu réel ne ressemblait pas du tout
à la maquette. Causes trouvées :
- .docImage (mode SVG inline) et .docCard n'ont AUCUNE règle de mise en
page côté moteur (seuls .docImagePlaceholder et <img class="docImage">
en ont une) — le thème doit leur donner leur forme, pas seulement leurs
couleurs.
- --doc-accent/--doc-accent-2 (barre de progression et survol du Quiz)
n'étaient jamais redéfinis, gardant l'orange générique du chrome de
l'éditeur au lieu du rouge du thème.
- Le liseré décoratif en haut de page et la puce de l'étiquette (icône)
avaient été omis en pensant, à tort, qu'ils relevaient du FORMAT de
.docPage — ce ne sont que des flourishes visuels, aucun rapport avec
la taille/le format A4 paysage qui doit rester intouchable.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Nouveau bouton dans le topbar de l'éditeur, à côté d'Aperçu, qui ouvre
une modale listant les thèmes du catalogue (document_engine/themes/).
Cliquer un thème charge un VRAI aperçu (rendu serveur réel dans un
iframe, jamais une resucée CSS côté client) avec le choix de garder le
contenu actuel ou de le remplacer par le contenu de démonstration du
modèle.
Architecture pensée pour une centaine de thèmes futurs : chaque thème
est une feuille de style externe (static/document/themes/<id>.css) qui
habille les classes fixes du moteur, jamais du code qui en changerait
la structure. Premier thème implémenté pour valider le mécanisme :
"Sécurité Incendie" (6 pages de contenu réel, quiz inclus).
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>