Couleurs, polices et mode sombre

Votre logo

Dans Thème › Couleurs, ajoutez votre Logo. Si votre site s’affiche aussi en sombre, ajoutez un Logo pour le mode sombre : une version claire de votre logo, qui reste lisible sur fond foncé.

Accorder les couleurs à votre marque

Toujours dans Couleurs, le réglage de tonalité vous fait déplacer une seule teinte : toutes les couleurs du site se recalculent à partir d’elle, en gardant la clarté et le contraste prévus par le style. Le résultat reste lisible.

• Teinte et Intensité : la couleur principale.
• Couleur secondaire : Analogue (par défaut), Complémentaire ou Triade. Certains styles n’en ont pas et n’associent à leur couleur principale que du noir et des gris.
• Fond : du ton du style jusqu’au neutre (blanc ou noir).

Les Couleurs dérivées s’affichent en pastilles, avec une indication de contraste : « contraste suffisant (AA) », ou une alerte si un texte risque de ne pas se lire. Un bouton de réinitialisation ramène les couleurs d’origine du style.

Les polices

L’onglet Typo propose deux choix : la Police d’affichage (les titres) et la Police de texte. Laissez-les sur la valeur par défaut pour garder celles du style.

Le mode sombre

Dans Thème › Couleurs, la rubrique Clair ou sombre, pour vos visiteurs propose :

• Selon le visiteur : le site suit en direct le réglage clair ou sombre de l’appareil de chaque visiteur. Quand son ordinateur ou son téléphone passe en sombre le soir, le site passe en sombre avec lui. Un bouton du site lui permet de choisir l’autre mode ; ce choix dure jusqu’au prochain changement de réglage de son appareil ;
• Toujours clair : le site s’affiche toujours en clair, sans bouton de bascule ;
• Toujours sombre : toujours en sombre, sans bouton de bascule.

Certains styles n’existent qu’en clair ou qu’en sombre : TOWeb vous l’indique, et le site s’affiche alors toujours dans ce mode.