Directives relatives aux couleurs des thèmes Mobile

  • Rversion finale: Australia
  • Mis à jour 12 mars 2026
  • 2 minutes de lecture
  • Découvrez comment les couleurs que vous sélectionnez dans vos thèmes Mobile sont appliquées à vos applications Mobile.

    Important :
    Utilisez le thème mobile hérité sur Tokyo et les instances antérieures ServiceNow® . Pour Utah les versions ultérieures, reportez-vous à la section Thème Next Experience pour mobile.

    Considérations sur le choix de la couleur

    Tenez compte des informations suivantes lorsque vous sélectionnez les couleurs de vos applications mobiles :
    • L’apparence de vos choix de couleurs avec les couleurs d’autres parties de l’application, telles que vos icônes d’écran et vos styles d’interface utilisateur. Évitez d’utiliser trop de couleurs. Des conceptions simples de deux à trois couleurs donnent une mise en page plus propre et plus accessible.
    • L’apparence de vos choix de couleurs avec les couleurs d’autres éléments susceptibles de s’afficher dans votre application. Des éléments tels que les articles de la base de connaissances et les pages du portail de services peuvent apparaître dans vos applications. Évitez les combinaisons de couleurs qui ne fonctionnent pas bien avec vos éléments existants.
    • Comment des couleurs complémentaires et à contraste plus élevé peuvent guider l’attention de votre utilisateur. Utilisez la sélection des couleurs pour mettre en évidence les zones de vos applications qui requièrent l’attention de votre utilisateur.
    • Comment la couleur peut être utilisée pour fournir un contraste pour une meilleure lisibilité. Dans les zones où du texte s’affiche, assurez-vous que vos couleurs de texte et d’arrière-plan ont un niveau de contraste élevé pour répondre aux besoins des utilisateurs malvoyants et daltoniens.
    Important :
    Actuellement, ServiceNow® Mobile Android les applications ne prennent pas en charge l’utilisation de la notation #RGB pour spécifier les couleurs de thème des applications. Cependant, #RRGGBB notation est prise en charge par les applications iOS and Android .

    Emplacements de couleurs de thème dans les applications mobiles

    Cet exemple montre les couleurs utilisées dans le thème par défaut de l’application mobile. Utilisez les chiffres de cette image pour voir où ces couleurs apparaissent dans les différentes zones de vos applications mobiles. Couleurs utilisées dans le thème mobile par défaut

    Fonctionnalités mobiles

    Utilisez les figures suivantes pour voir comment vos choix de couleurs affectent les éléments de vos applications mobiles.

    Page de lancement de l’application
    Diagramme de l’endroit où les couleurs de thème sont appliquées dans une page de lancement d’application.
    Barre de navigation
    Diagramme de l’endroit où les couleurs de thème sont appliquées dans la barre de navigation.
    Liste
    Diagramme de l’endroit où les couleurs de thème sont appliquées dans une liste.
    Agent virtuel
    Diagramme de l’emplacement où les couleurs de thème sont appliquées dans l’agent virtuel.
    Rechercher
    Diagramme montrant où les couleurs de thème sont appliquées dans les composants de recherche.
    Actions
    Diagramme de l’endroit où les couleurs de thème sont appliquées dans les cartes d’action.

    Écran et composants d’enregistrement

    Utilisez les figures suivantes pour voir comment vos choix de couleurs affectent un écran d’enregistrement et ses composants dans vos applications mobiles.

    Écran d'enregistrement
    Diagramme de l’emplacement où les couleurs du thème sont appliquées dans un écran d’enregistrement.
    Liste de vérification
    Diagramme de l’emplacement d’application des couleurs de thème dans une liste de vérification.
    Flux d'activité
    Diagramme de l’endroit où les couleurs de thème sont appliquées dans un flux d’activité.
    Liens
    Diagramme de l’endroit où les couleurs de thème sont appliquées dans les liens.
    Signature électronique
    Diagramme de l’emplacement où les couleurs de thème sont appliquées dans les signatures électroniques.

    Modèles d’écran

    Utilisez les figures suivantes pour voir comment vos choix de couleurs affectent les différents modèles d’écran dans vos applications mobiles.

    Calendrier
    Diagramme de l’emplacement où les couleurs de thème sont appliquées dans les écrans de calendrier.
    Carte
    Diagramme de l’emplacement où les couleurs de thème sont appliquées dans les écrans de carte.
    Remarque :
    Le champ Couleur d’épingle dans l’enregistrement de flux de liste associé à l’écran de votre carte détermine la couleur des épingles sur vos cartes.
    Modèle d’URL
    Diagramme de l’endroit où les couleurs de thème sont appliquées dans les écrans de modèle d’URL.

    Paramètres et notifications

    Utilisez les figures suivantes pour voir comment vos choix de couleurs affectent les différents paramètres et écrans de notification dans vos applications mobiles.

    Notifications
    Diagramme de l’emplacement où les couleurs du thème sont appliquées dans l’écran des notifications.
    Paramètres
    Diagramme de l’endroit où les couleurs de thème sont appliquées dans l’écran des paramètres.
    Paramètres du mode hors ligne
    Diagramme de l’endroit où les couleurs du thème sont appliquées dans l’écran des paramètres du mode hors ligne.
    Paramètres de géolocalisation
    Diagramme de l’emplacement où les couleurs du thème sont appliquées dans l’écran des paramètres de géolocalisation.
    Paramètres PIN
    Diagramme de l’emplacement où les couleurs de thème sont appliquées dans l’écran des paramètres PIN.
    Paramètres des raccourcis Siri (iOS uniquement)
    Diagramme de l’endroit où les couleurs du thème sont appliquées dans l’écran des paramètres de raccourcis Siri.

    Modals

    Utilisez les figures suivantes pour voir comment vos choix de couleurs s’affichent dans vos modaux Android et iOS.

    Modaux Android
    Diagramme de l’emplacement d’application des couleurs de thème dans les modaux Android.
    Fenêtres modales iOS
    Diagramme de l’emplacement où les couleurs de thème sont appliquées dans les modaux iOS.