La plupart des templates Joomla proposent un sélecteur de couleur par élément : boutons, liens, titres, bordures. Pourtant, vingt réglages plus tard, la moitié des boutons échouent au contrôle de contraste. Corpus prend donc le chemin inverse : un seul réglage, la teinte du site, et tout l'accent en découle.
Où régler la teinte du site
Dans l'administration de Joomla, ouvrez d'abord Système, Styles des templates du site, puis votre style Corpus. Ensuite, allez dans l'onglet Theme Customizer, groupe Couleurs, champ Teinte du site. Un champ nombre et un curseur portent la même valeur. De plus, l'aperçu voisin suit en direct quand vous bougez le curseur.
Ce que change la teinte
La teinte est un nombre de 0 à 359, donc une position sur le cercle chromatique. Corpus en tire tout l'accent du site : les boutons et leur survol, les liens, le filet sous les titres, les étiquettes et les fonds teintés. En revanche, la saturation et la clarté restent figées dans le template. Autrement dit, vous choisissez une famille de couleur, pas une nuance. Par exemple, 214 donne un bleu profond, 90 un olive foncé et 300 une prune : chacune est prête, sans rien d'autre à régler.
Pourquoi le contraste ne peut pas casser
Comme la saturation et la clarté ne bougent jamais, chaque teinte tombe sur des couleurs déjà mesurées. Ainsi, avant chaque version, un script vérifie chaque couple texte et fond selon les seuils du WCAG 2.1 : 4,5:1 pour le texte, 3:1 pour les contrôles. Il le fait aussi sur les 360 teintes, en thème clair comme en thème sombre. Par ailleurs, le mode sombre emploie une version plus claire de la même teinte. Votre identité survit donc au changement de thème.
Bon à savoir
- Trois plages gardent au moins 25° d'écart avec les couleurs des messages : 61 à 119, 169 à 180, puis 230 à 332. En dehors, l'accent reste lisible. Toutefois, un bouton d'action peut alors ressembler à une alerte.
- Les couleurs des messages (information, succès, avertissement, erreur) ne suivent jamais la teinte du site. En effet, elles portent un sens, pas une identité.
- Votre logo peut également suivre la teinte : réglez Couleur du logo sur Teinte du site. Il devient alors monochrome.
Enfin, le plus simple reste d'essayer. La démo de Corpus vous ouvre l'administration : bougez vous-même le curseur sur demo.joomanji.eu.