---
sourceDocument: Gestion des opérations IT Xanadu
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/fr-FR/xanadu/it-operations-management

 Release :

    - xanadu

ft:locale :

    - fr-FR

ft:publication_title :

    - Gestion des opérations IT Xanadu

ft:clusterId :

    - itom

bundleId :

    - itom

workflow :

    - Technology


---

# Configurer les icônes et couleurs contextuelles

# Configurer les icônes et couleurs contextuelles {#ariaid-title1}

* Rversion finale: Xanadu
* 
* Mis à jour 1 août 2024
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 2 minutes de lecture

Utilisez le formulaire Icônes et couleurs contextuelles pour configurer la couleur, le texte et les icônes afin de disposer de contextes par défaut ou personnalisés différents, identifiés par un ID de contexte.

## Avant de commencer

Rôle requis : evt_mgmt_admin

## Pourquoi et quand exécuter cette tâche

Vous pouvez personnaliser les couleurs ou les icônes des éléments dans le formulaire Icônes et couleurs contextuelles pour affecter les couleurs affichées ou les icônes de gravité dans les écrans Gestion des événements connexes, lorsque le mode d'accessibilité est désactivé ou activé. Pour plus d'informations sur l'accessibilité, reportez-vous à [la section Fonctionnalités d'accessibilité](https://www.servicenow.com/docs/access?context=knowledge-management-service-portal&version=xanadu&pubname=xanadu-servicenow-platform&ft:locale=en-US) .  
Dans chaque champ de sélection de couleur, vous avez la possibilité de saisir la valeur de la couleur dans l'un des formats de feuille de style en cascade (CSS) suivants, qui déterminent le mode d'affichage des éléments HTML :

* Nom : noms de couleur prédéfinis, par exemple, rouge, vert, olive, bleu, bleu foncé ou bleu clair
* RVB décimal : RVB (102, 153, 204)
* RVB hex. : #223344
{#configure-contextual-colors-icons__ul_mz5_fsm_2bb}  
Consultez les sites Web suivants pour en savoir plus sur les déclarations de couleurs CSS (y compris la notation hexadécimale ou RVB) :

* [Couleurs HTML (W3CSchools)](http://www.w3schools.com/html/html_colors.asp) pour en savoir plus sur la notation hexadécimale et RVB.
* [Noms de couleur HTML (W3CSchools)](http://www.w3schools.com/tags/ref_colornames.asp) pour connaître les noms de couleur valides.
{#configure-contextual-colors-icons__ul_ndp_hpm_2bb}  
Les ID de contexte fournis avec l'instance de base sont les suivants :

* information_severity
* warning_severity
* minor_severity
* major_severity
* critical_severity
* topology_connection
{#configure-contextual-colors-icons__ul_wws_5mt_2bb}

## Procédure

1. Accédez à la ToutGestion des événementsAdministrationIcônes et couleurs contextuelles.
2. Cliquez sur Nouveau ou modifiez une configuration existante.
3. Configurez les champs suivants.  
   {#configure-contextual-colors-icons__table_otm_wvm_2bb__entry__2}

   | Élément | Description |
   |-|-|
   | Détails du contexte ||
   | ID de contexte | Saisissez un ID unique pour le contexte, par exemple, clear_severity. |
   | Nom de contexte | Nom lisible pour le contexte. Ce texte peut être lu par les lecteurs d'écran. |
   | Lot | Lot dont ce contexte est membre. |
   | Description | Description des utilisations du contexte. |
   | Couleurs Remarque : pour chaque entrée dans les champs de couleur, une fois que vous avez saisi un code couleur, un bloc apparaît en regard du champ affichant la couleur spécifiée. L'utilisation de codes de couleur non valides déclenche une notification d'erreur appropriée. ||
   | Couleur CSS | Code de couleur CSS correspondant pour le nom de la couleur de contexte. |
   | Couleur CSS en cas d'interaction | Code de couleur CSS qui apparaît lors du survol ou du focus. |
   | Couleur CSS accessible | Code de couleur CSS accessible qui s'affiche lorsque le mode d'accessibilité est activé. |
   | Couleur CSS accessible en cas d'interaction | Code de couleur CSS accessible qui s'affiche lors du survol ou du focus. |
   | Icônes ||
   | Icône | Icône qui s'affiche lorsque le contexte inclut une icône. |
   | Icône accessible | Icône qui s'affiche si le contexte inclut une icône et lorsque le mode d'accessibilité est activé. Pour ajouter votre propre icône ou pour afficher la liste des icônes disponibles, reportez-vous à la rubrique [Charger une ou plusieurs images](https://www.servicenow.com/docs/access?context=upload-multiple-images&version=xanadu&pubname=xanadu-platform-user-interface&ft:locale=en-US). |
   [ ]

   {#configure-contextual-colors-icons__table_otm_wvm_2bb}
4. Cliquez sur Envoyer.