L'habillage du site ne demande pas de toucher au code. Un thème porte sa palette, on l'active, et le site public change.
Les thèmes, côte à côte
Les thèmes du site, chacun avec sa couleur d'accent et son fond. Un clic en active un, et tout le site en change, l'administration comprise.
La palette d'un thème
Un thème porte la couleur d'accent, celle du fond, celles de l'en-tête et du pied de page. Les contrastes s'en déduisent automatiquement, pour qu'un fond sombre n'emporte pas des textes sombres.
Un thème essayé sur la page d'accueil
En modifiant un thème, la page d'accueil du site s'affiche à côté, habillée de ce qui n'est pas encore enregistré : chaque couleur changée s'y voit tout de suite, en clair ou en sombre, à la largeur d'un ordinateur, d'une tablette ou d'un téléphone.
Réglages > Apparence : les gris de la suite
Hors du thème, Réglages > Apparence règle les gris de la suite et de l'espace client, en clair comme en sombre, avec leurs couleurs d'état. Une famille par mode, l'aperçu d'une carte, et chaque nuance réglable.
Réglages > Emails : les couleurs des e-mails
Réglages > Emails règle la langue des e-mails et leurs couleurs. L'accent suit par défaut la couleur principale du thème. Viennent ensuite le fond, les titres, le texte, la bande d'en-tête derrière le logo et le liseré dessous, aux couleurs du logo par exemple.
Une page à ses propres couleurs
L'onglet Apparence d'une publication repeint cette page seulement : le fond, la barre du haut, le pied de page, le texte, les traits, les cartes, les titres, les chiffres mis en avant et la couleur d'accent. Un champ laissé vide garde la couleur du thème.
Le logo et le favicon
Choisis dans la médiathèque, le logo du site et son icône d'onglet. Un réglage dit si le nom du site s'affiche à côté du logo sur téléphone. Un second logo, facultatif, prend sa place quand la suite passe en mode sombre : utile pour un logo foncé et sans fond, qui disparaîtrait sur le menu sombre.
La police, la largeur, l'en-tête
Le thème choisit aussi la police d'écriture (Sora par défaut), la largeur du contenu, la barre de lecture en haut de page et les couleurs de l'en-tête, avec ce qu'il affiche : le nom du site, un texte ou le logo.
Ce que le thème règle encore
- Le texte, les traits, le fond et le contour des cartes, les titres, les coches, les chiffres clés et la couleur des pictogrammes.
- La couleur des survols et des repères des cartes : principale, neutre ou personnalisée, pour le thème comme page par page.
- La couleur de chaque type d'encadré du contenu : information, succès, attention, astuce, et les autres.
- Une publication peut repeindre ses propres bandeaux, sans changer le reste du site.
- Un thème peut aussi apporter ses propres gabarits, quand un projet demande une mise en page que la palette ne suffit pas à décrire.