Thèmes clair et sombre
Donnez à vos jetons de couleur une valeur pour le mode sombre, choisissez si votre site suit l’appareil du visiteur ou reste clair ou sombre, et réglez les couleurs du texte sélectionné.
Votre site peut montrer une version sombre aux visiteurs dont l’appareil est réglé en sombre, à partir des mêmes pages : vous donnez une seconde valeur à vos jetons de couleur, et chaque calque qui les utilise suit. Cette fonction arrive par étapes dans les espaces de travail : il se peut que vous ne la voyiez pas encore.
Donner à une couleur sa valeur sombre
- Ouvrez un jeton de couleur, dans Ressources sous Jetons.
- Sous sa valeur, réglez Mode sombre. Tant que vous ne le faites pas, il indique Identique au mode clair.
- Pour revenir à une seule couleur, retirez-la avec Retirer la valeur du mode sombre.
Les couleurs posées directement sur un calque, sans jeton, restent les mêmes en mode sombre. Utilisez des jetons pour les couleurs qui doivent changer.
Le voir sur le canevas
Quand votre site suit l’appareil du visiteur et a au moins une valeur sombre, la barre du haut propose Afficher en mode sombre : le canevas montre alors vos pages comme les voit un visiteur dont l’appareil est en sombre. Désactivez-le pour revenir au clair.
Choisir l’apparence de votre site
Dans le menu du site, Apparence… la règle pour tout le site :
- Suivre l’appareil du visiteur, par défaut : les appareils en sombre voient les valeurs sombres, les autres les claires.
- Toujours clair ou Toujours sombre : chaque visiteur voit la même chose, quel que soit son appareil.
Lisible dans les deux
Avant la publication, les vérifications regardent aussi votre texte en mode sombre. En mode sombre, le texte est difficile à lire sur son arrière-plan. désigne le texte à corriger : changez la valeur sombre de son jeton, ou celle de son arrière-plan, jusqu’à ce qu’il se lise bien.
Texte sélectionné et toucher
Apparence… règle aussi deux petites couleurs, si vous voulez les vôtres plutôt que celles du navigateur :
- Texte sélectionné : le Fond de la sélection et la Couleur du texte sélectionné quand un visiteur sélectionne du texte. Choisissez Définir une couleur de sélection pour commencer.
- Surbrillance au toucher : ce qu’un téléphone montre sur un lien ou un bouton pendant qu’on le touche. Choisissez Définir une surbrillance au toucher.
Chacune peut être une couleur ou un jeton. Réinitialiser revient à celle du navigateur.