Prise en charge des variables de couleur pour les sections d’interface utilisateur d’icônes

Découvrez comment utiliser des variables de couleur pour changer de thème dans les sections de l’interface utilisateur de votre icône mobile.

Les sections de l’interface utilisateur des icônes ont une section Couleur avec deux champs pour contrôler les couleurs de premier plan et d’arrière-plan de l’élément. Variable de la couleur d’arrière-plan Variable de la couleur d'avant-plan Ces deux champs se trouvent sur les tables suivantes : Lanceur de destination de la section d’icône [sys_sg_navigation_section_destination_applet_launcher] Fonction de destination de la section d’icône [sys_sg_navigation_section_destination_button] Écran de destination de la section d’icône [sys_sg_navigation_section_destination_screen] Pour en savoir plus sur la création de ces actions, reportez-vous à la section Configurer une section de l'interface utilisateur de type icône. Vous pouvez définir n’importe quelle variable de couleur à partir de la table Propriétés du thème UX [sys_ux_theme_property]. Pour une liste des variables disponibles, consultez le guide de conception des couleurs ci-dessous.

Guide des couleurs de la section de l’interface utilisateur de l’icône Mobile

Les variables de couleur sont divisées en Utilisez les directives de conception pour identifier la variable de couleur adaptée à votre cas d’utilisation.

Palette de couleurs d’alerte

Les couleurs de la palette de couleurs des alertes mettent en évidence les états, les états et les tâches importants. Utilisez des couleurs d’alerte pour communiquer un sens spécifique plutôt que pour la décoration ou l’organisation.

Palette de couleurs groupée

Les couleurs de la palette de couleurs groupées suivent les conventions de couleur d’un secteur d’activité. Utilisez ces couleurs pour montrer que l’élément coloré est associé à une industrie ou à un secteur d’activité spécifique. La signification de chaque couleur dépend du contexte, mais doit rester cohérente dans votre application.

Palette de couleurs d’alerte

Nom de la couleur	Couleur	Exemple	Options de couleurs
Primaire			Variable mobile primaire Variable Web --now-color--primary-1
Critique			Variable mobile alert--critical-2 Variable Web --now-color_alert--critical-2
Élevé			Variable mobile alert--high-2 Variable Web --now-color_alert--high-2
Avertissement			Variable mobile alert--warning-2 Variable Web --now-color_alert--warning-2
Modéré			Variable mobile alert--moderate-2 Variable Web --now-color_alert--moderate-2
Info			Variable mobile alert--info-2 Variable Web --now-color_alert--info-2
Positif			Variable mobile alert--positive-2 Variable Web --now-color_alert--positive-2
Faible			Variable mobile alert--low-2 Variable Web --now-color_alert--low-2

Palette de couleurs groupée

Nom de la couleur	Couleur	Exemple	Options de couleurs
Bleu			Variable Web --now-color_grouped--blue-2
Marron			Variable Web --now-color_grouped--brown-2
Gris			Variable Web --now-color_grouped--gray-2
Vert			Variable Web --now-color_grouped--green-2
vert-jaune			Variable Web --now-color_grouped--vert-jaune-2
Magenta			Variable Web --now-color_grouped--magenta-2
Orange			Variable Web --now-color_grouped--orange-2
Rose			Variable Web --now-color_grouped--pink-2
Violet			Variable Web --now-color_grouped--purple-2
Clair			Variable Web --now-color_grouped--teal-2
Jaune			Variable Web --now-color_grouped--yellow-2