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 les 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 modifier la couleur d’arrière-plan du canevas afin de voir comment les couleurs des composants s’afficheront sur différents arrière-plans.

Remarque :

La mise à jour de la couleur du canevas ne s’applique pas à l’instance. Seuls les crochets 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 palette ou de la vue 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 en tant que 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 fourni 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 Générateur de thèmes page Gestionnaire pour n’importe 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 par rapport au thème principal est que vous lui attribuez un nom unique.

Ensuite, vous définissez la couleur primaire pour l’autre palette de couleurs. Cette couleur est utilisée pour identifier la barre de navigation, les menus et d’autres composants communs. 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 l’autre palette de couleurs foncée.

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 la façon dont ils sont affichés lorsque vous les appliquez à votre instance.

Remarque :

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