---
sourceDocument: Configuration et navigation mobiles Yokohama
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/fr-FR/yokohama/mobile

 Release :

    - yokohama

ft:locale :

    - fr-FR

ft:publication_title :

    - Configuration et navigation mobiles Yokohama

ft:clusterId :

    - mobile

bundleId :

    - mobile

workflow :

    - evelopment, Data and Analytics


---

# Prise en charge des variables de couleur pour les icônes de carte

# Prise en charge des variables de couleur pour les icônes de carte {#ariaid-title1}

* Rversion finale: Yokohama
* 
* Mis à jour 30 janv. 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 minute de lecture

Découvrez comment utiliser des variables de couleur pour modifier le thème dans les icônes de votre carte mobile

|-|-|
| Les écrans de carte ont une section Couleur d'épingle avec un champ de variable de couleur d'épingle pour contrôler les épingles de la carte des couleurs à l'aide d'une variable de couleur. Une épingle de carte est utilisée sur l'écran du modèle de carte pour indiquer les points d'intérêt sur la carte. À l'aide de ce champ, 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. Pour plus de détails sur la création de sections d'interface utilisateur d'icônes, reportez-vous à la section [Configurer une section de l'interface utilisateur d'icône](https://servicenow-prod.fluidtopics.net/zmvumpvqEMMbojWm6HmKTA "Utilisez le type de section de l’interface utilisateur de l’icône pour accéder aux écrans, aux écrans de lanceur et aux fonctions."). |   |
[ ]

{#color-var-map-pin__table_q2w_llb_yvb}

## Guide de conception des couleurs pour les épingles de carte {#color-var-map-pin__section_pnx_pth_cxb}

{#color-var-map-pin__table_tkv_qth_cxb__entry__3}

| Nom de la couleur | Épingler un exemple | Options de couleurs |
|-|-|-|
| Principale | ![Code PIN mobile primaire]() | Variable mobile :   primaire Variable Web :   `--now-color--primary-1` |
| Secondaire | ![Code PIN mobile secondaire]() | Variable mobile :   secondaire Variable Web :   `--now-color--secondary-3` |
| Tertiaire | ![Code PIN mobile tertiaire]() | Variable mobile :   Tertiaire Variable Web :   `--now-color_grouped--gray-4` |
| Marque | ![Épingle mobile de marque]() | Variable mobile :   Marque Variable Web :   `--now-color_brand--secondary` |
[ ]

{#color-var-map-pin__table_tkv_qth_cxb}