Configure contextual colors and icons
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 .
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
See the following websites for information about CSS color declarations (including hex or RGB notation):
- HTML Colors (W3CSchools) for more information on hex and RGB notation.
- HTML Color Names (W3CSchools) for valid color names.
The context IDs that are provided with the base instance are:
- information_severity
- warning_severity
- minor_severity
- major_severity
- critical_severity
- topology_connection
Procedure
Navigate to All > Event Management > Administration > Contextual colors and icons.
Click New or modify an existing configuration.
Configure the following fields.
| 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. |
- Click Submit.
Parent Topic:Configure email notifications for service severity changes