Palettes et fonds
Les neuf palettes
Les noms restent numériques pour que d’autres thèmes puissent réutiliser les mêmes classes avec leurs propres couleurs. Chaque palette définit un fond, une couleur de texte, un accent et les couleurs des cartes.
| Classe | Rôle | Texte principal | Fond des cartes |
|---|---|---|---|
color-1 | Neutre claire, défaut | Marine | Papier chaud |
color-2 | Sombre avec accent orange | Blanc | Bleu sombre |
color-3 | Couleur orange dominante | Marine | Papier chaud |
color-4 | Claire teintée | Marine | Blanc |
color-5 | Sombre monochrome | Blanc | Bleu sombre |
color-6 | Positive claire | Marine | Blanc |
color-7 | Alerte claire | Marine | Blanc |
color-8 | Positive sombre | Blanc | Vert sombre |
color-9 | Alerte sombre | Blanc | Prune sombre |
Une seule palette par slide. Les couleurs ci-dessous sont celles du thème DWA ; un thème d’organisation les remplace par sa propre charte.
Les fonds sont choisis par le layout
Vous ne choisissez pas de fond : le layout et la composition le font pour vous.
| Layout ou composition | Fond |
|---|---|
title, callout | intro |
closing | closer |
toc, chart-wide | intermediate |
chapter | header1, header2 ou header3 selon la palette |
content simple | content ou content-inverted |
content cols-2 | content-2col |
content cols-3 à cols-6 | content-right |
image-text[-N] | content-right ou content-inverted-right |
text-image[-N] | content-left ou content-inverted-left |
gallery, timeline, timeline-vertical | lowerband |
gallery-bento, image-fit, image-full | rightband |
Le nom des fonds est un détail interne du thème. Les anciennes classes bg-1 à bg-15 ne font plus partie du langage.
Les chapitres selon la palette
Les palettes 1 et 4 utilisent header1 (bleu) ; 2, 5, 6 et 8 utilisent header2 (beige/gris) ; 3, 7 et 9 utilisent header3 (violet). La teinte de la palette est appliquée ensuite.
Limite connue : les teintes superposées
Le thème DWA actuel applique le fond en deux couches :
background-image:
linear-gradient(var(--wash), var(--wash)),
var(--layout-art);--wash est transparent par défaut, mais plusieurs palettes le redéfinissent. Une teinte orange sur header3 rend visuellement le violet saumon ; une teinte rouge pâle peut le rendre rose. Vous pouvez le constater sur les chapitres ci-dessus.
Le comportement souhaité est de conserver les couleurs originales des fonds de chapitre. Supprimer seulement la teinte ne suffit pas : les palettes sombres ont un texte blanc, alors que certains fonds originaux sont clairs. La correction doit traiter ensemble le fond et la lisibilité ; elle n’est pas encore livrée.