---
sourceDocument: Yokohama IT Operations Management
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/yokohama/it-operations-management

 Release :

    - yokohama

ft:locale :

    - en-US

ft:publication_title :

    - Yokohama IT Operations Management

ft:clusterId :

    - itom

bundleId :

    - itom

workflow :

    - Technology


---

# Configure contextual colors and icons

# Configure contextual colors and icons {#ariaid-title1}

* Release version: Yokohama
* 
* Updated January 30, 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 2 minutes to read

Use the Contextual colors and icons form to configure color,
text, and icons to have different default or custom contexts, identified by a context ID.

## Before you begin

Role required: evt_mgmt_admin

## About this task

You can customize the colors or icons of elements in the Contextual colors and icons form to affect the displayed colors or icons of severities in related Event Management screens, either when accessibility mode is off or on. For more information about accessibility, see [Accessibility features](https://www.servicenow.com/docs/access?context=knowledge-management-service-portal&version=yokohama&pubname=yokohama-servicenow-platform&ft:locale=en-US) .  
In each color selection field, you have the option of entering the value of the color as any of the following Cascading Style Sheet (CSS) formats that determine how HTML elements should be displayed:

* Name: predefined color names, for example, red, green, olive, blue, darkblue, or lightblue
* RGB decimal: RGB(102, 153, 204)
* RGB hex: #223344
{#configure-contextual-colors-icons__ul_mz5_fsm_2bb}  
See the following websites for information about CSS color declarations (including hex or RGB notation):

* [HTML Colors (W3CSchools)](http://www.w3schools.com/html/html_colors.asp) for more information on hex and RGB notation.
* [HTML Color Names (W3CSchools)](http://www.w3schools.com/tags/ref_colornames.asp) for valid color names.
{#configure-contextual-colors-icons__ul_ndp_hpm_2bb}  
The context IDs that are provided with the base instance are:

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

## Procedure

1. Navigate to AllEvent ManagementAdministrationContextual colors and icons.
2. Click New or modify an existing configuration.
3. Configure the following fields.  
   {#configure-contextual-colors-icons__table_otm_wvm_2bb__entry__2}

   | Item | Description |
   |-|-|
   | Context details ||
   | Context ID | Enter a unique ID for the context, for example, clear_severity. |
   | Context Name | Readable name for the context. This text is available to be read out by screen readers. |
   | Batch | The batch that this context is a member of. |
   | Description | Description of uses for the context. |
   | Colors Note: For each entry in the color fields, after you enter a color code, a block appears to the right of the field showing the specified color. Use of invalid color codes triggers an appropriate error notification. ||
   | CSS Color | The corresponding CSS color code for the context color name. |
   | CSS Color on Interaction | CSS color code that appears on hover or focus. |
   | Accessible CSS Color | Accessible CSS color code that appears when accessibility mode is enabled. |
   | Accessible CSS Color on Interaction | Accessible CSS color code that appears on hover or focus. |
   | Icons ||
   | Icon | Icon that is displayed when the context includes an icon. |
   | Accessible Icon | Icon that is displayed when the context includes an icon and when accessibility mode is enabled. To add your own icon, or to see a list of available icons, see [Upload one or more images](https://www.servicenow.com/docs/access?context=upload-multiple-images&version=yokohama&pubname=yokohama-platform-user-interface&ft:locale=en-US). |
   [ ]

   {#configure-contextual-colors-icons__table_otm_wvm_2bb}
4. Click Submit.

*[\>]: and then