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

  • Rversion finale: Australia
  • Mis à jour 12 mars 2026
  • 3 minutes de lecture

    • 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. Les styles de base définissent le thème de base, les variantes répondent aux besoins d’accessibilité et d’autres palettes de couleurs offrent des options de personnalisation cosmétique aux utilisateurs finaux.

    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 de thème 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 et autres palettes de couleurs dans Générateur de thèmes

    Les variantes et les autres palettes de couleurs sont toutes deux des enregistrements de style UX classés comme variante, mais elles ont des objectifs différents.

    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 ou Coral 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. D’autres palettes de couleurs permettent aux utilisateurs de basculer entre différents styles visuels comme les options claires et sombres sans affecter le thème principal. Vous pouvez définir cette palette dans la page Gestionnaire pour n’importe quel thème, à l’exception Générateur de thèmes des thèmes Polaris ou Coral par défaut. Lorsque vous créez une autre palette de couleurs à partir d’un thème existant, elle est regroupée avec le thème primaire et partage initialement le même logo, la même couleur, la même typographie et les mêmes styles de forme. La seule différence initiale est le nom unique que vous attribuez à la palette.

    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 prévisualiser tous les actifs d’interface utilisateur disponibles sur le ServiceNow AI 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.