Styles principaux, couleurs, variantes et autres palettes de couleurs

Vous pouvez personnaliser l’apparence de l’interface Next Experience utilisateur pour différents utilisateurs en configurant les styles principaux, les variantes et les autres palettes de couleurs.

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

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

Couleurs dans Générateur de thèmes

Utilisez le sélecteur de couleurs pour changer 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 appliquez un thème modifié à l’instance.

Lors de la modification des couleurs de thème, vous pouvez afficher le taux 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 sur 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, 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 définissez une couleur secondaire si vous le souhaitez. 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.

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 :

La variante sombre ne s’applique pas à l’interface utilisateur principale, précédemment appelée UI16. L’interface utilisateur principale est l’interface que vous utilisez si Next Experience elle est désactivée. Toutefois, la variante Dark s’étend aux actifs d’interface utilisateur suivants :

• Éléments de catalogue
• Formulaires et listes de l’environnement classique
• Tableaux de bord
• Articles de la base de connaissances
• rapports
• Tableaux de tâches visuels
• espaces de travail