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

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

Utilisez le sélecteur de couleurs pour modifier la couleur d’arrière-plan du canevas.

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 du thème, vous pouvez afficher le rapport de contraste dans le sélecteur de couleurs. La valeur est mise à jour lorsque vous modifiez la couleur à partir de la palette ou de la vue Mes couleurs.

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

Une variante (ou comme on l’appelle dans Générateur de thèmes la palette de couleurs alternative) est une version alternative d’un thème existant, 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. Il peut être défini dans la vue de page Générateur de thèmes 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, celle-ci 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 de 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, vous pouvez définir 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 faciliter la définition des lignes de séparation et des contenants.

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 foncées 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 elle est inactive. Cependant, les variantes sombres s’étendent à la plupart des aspects de la Next Experience.