Styles de base, couleurs, variantes et autres palettes de couleurs

Vous pouvez adapter l’apparence de l’interface Next Experience utilisateur à différents utilisateurs en configurant les styles de base, les variantes et d’autres palettes de couleurs.

Styles de base dans Générateur de thèmes

Un style de base est la version de base d’un style. Les styles de base comprennent la couleur, la forme, la typographie et l’imagerie.

Couleurs dans Générateur de thèmes

Lors de la modification de composants, utilisez le sélecteur de couleurs pour changer la couleur d’arrière-plan du canevas afin d’afficher le rendu des couleurs des composants sur différents arrière-plans.

Remarque :

La mise à jour de la couleur du canevas ne s’applique pas à l’instance. Seuls les hooks spécifiques aux composants sont appliqués à l’instance si vous publiez un thème modifié dans l’instance.

Lors de la modification des couleurs de thème, vous pouvez afficher le rapport de contraste dans le sélecteur de couleurs. La valeur est mise à jour lorsque vous changez la couleur à partir de la vue palette ou Mes couleurs.

Variantes/Autres palettes de couleurs dans Générateur de thèmes

Les variantes et les autres palettes de couleurs sont des types d’enregistrements de style UX classés comme variante.

Une variante est une version alternative d’un thème existant, généralement conçue pour l’accessibilité, que vos utilisateurs peuvent sélectionner dans les préférences. Un exemple de variante est la version foncée du thème Polaris par défaut fournie avec Next Experience. La variante sombre peut être utilisée pour améliorer l’accessibilité pour les utilisateurs malvoyants en remplaçant les arrière-plans clairs par des arrière-plans plus foncés et en contrastant les couleurs du texte en conséquence.

Une autre palette de couleurs est une modification que vous pouvez apporter aux couleurs d’un thème et qui est conçue à des fins esthétiques. Vous pouvez définir cette palette dans la page Manager pour n’importe Générateur de thèmes quel thème, à l’exception du thème Polaris par défaut. Lorsque vous utilisez un thème existant pour créer une autre palette de couleurs, l’autre palette de couleurs est regroupée avec ce thème primaire et partage initialement son logo, sa couleur, sa typographie et ses styles de forme. Au début, la seule différence avec le thème principal est que vous lui attribuez un nom unique.

Ensuite, vous définissez la couleur principale pour l’autre palette de couleurs. Cette couleur est utilisée pour identifier la barre de navigation, les menus et d’autres composants courants. De même, définissez une couleur secondaire, si nécessaire. Si votre interface ne nécessite pas de couleur secondaire, la couleur primaire est utilisée. Enfin, vous définissez une couleur neutre pour aider à définir les lignes de séparation et les conteneurs. Deux palettes de base sont disponibles, claire et foncée.

Remarque :

Les couleurs secondaires et neutres ne peuvent pas être modifiées dans la palette de couleurs sombres alternative.

Lorsque la palette est créée à l’aide des couleurs que vous avez sélectionnées, vous avez la possibilité de la renommer. Vous pouvez également prévisualiser tous les actifs d’interface utilisateur disponibles sur le Now Platform pour visualiser leur rendu lorsque vous les appliquez à votre instance.

Remarque :

Les variantes sombres ne s’appliquent pas au Interface utilisateur principale, précédemment appelé UI16. Il Interface utilisateur principale s’agit de l’interface que vous utilisez si Next Experience est inactif. Cependant, les variantes sombres s’étendent à la plupart des aspects de la Next Experience.