---
sourceDocument: Xanadu IT Operations Management
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/pt-BR/xanadu/it-operations-management

 Release :

    - xanadu

ft:locale :

    - pt-BR

ft:publication_title :

    - Xanadu IT Operations Management

ft:clusterId :

    - itom

bundleId :

    - itom

workflow :

    - Technology


---

# Configurar cores e ícones contextuais

# Configurar cores e ícones contextuais {#ariaid-title1}

* Versão de lançamento: Xanadu
* 
* Atualizado 1 de ago. de 2024
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 2 min. de leitura

Use o formulário Cores e ícones contextuais para configurar cor, texto e ícones para que tenham diferentes contextos padrão ou personalizados, identificados por um ID de contexto.

## Antes de Iniciar

Função necessária: evt_mgmt_admin

## Por Que e Quando Desempenhar Esta Tarefa

Você pode personalizar as cores ou ícones de elementos no formulário Cores e ícones contextuais para afetar as cores ou ícones exibidos de severidades em telas Gestão de eventos relacionadas, quando o modo de acessibilidade está ativado ou desativado. Para obter mais informações sobre acessibilidade, consulte [Recursos de acessibilidade](https://www.servicenow.com/docs/access?context=knowledge-management-service-portal&version=xanadu&pubname=xanadu-servicenow-platform&ft:locale=en-US).  
Em cada campo de seleção de cor, você tem a opção de inserir o valor da cor como qualquer um dos seguintes formatos de folha de estilos em cascata (CSS) que determinam como os elementos HTML devem ser exibidos:

* Nome: nomes de cores predefinidas, por exemplo, vermelho, verde, verde-oliva, azul, azul escuro ou azul claro
* Decimal RGB: RGB (102, 153, 204)
* RGB hexadecimal: nº 223344
{#configure-contextual-colors-icons__ul_mz5_fsm_2bb}  
Consulte os seguintes sites para obter informações sobre declarações de cores CSS (incluindo notação hexadecimal ou RGB):

* [Cores HTML (W3CSchools)](http://www.w3schools.com/html/html_colors.asp) para obter mais informações sobre notação hexadecimal e RGB.
* [Nomes de cores HTML (W3CSchools)](http://www.w3schools.com/tags/ref_colornames.asp) para nomes de cores válidos.
{#configure-contextual-colors-icons__ul_ndp_hpm_2bb}  
Os IDs de contexto fornecidos com a instância base são:

* gravidade_informações
* aviso_severidade
* secundária_severidade
* gravidade_principal
* gravidade_crítica
* topologia_conexão
{#configure-contextual-colors-icons__ul_wws_5mt_2bb}

## Procedimento

1. Navegar até TodosGestão de eventosAdministraçãoÍcones e cores contextuais.
2. Clique em Novo ou modifique uma configuração existente.
3. Configure os seguintes campos.  
   {#configure-contextual-colors-icons__table_otm_wvm_2bb__entry__2}

   | Item | Descrição |
   |-|-|
   | Detalhes do contexto ||
   | ID de contexto | Insira um ID exclusivo para o contexto, por exemplo, clear_severity. |
   | Nome do contexto | Nome legível do contexto. Este texto está disponível para ser lido por leitores de tela. |
   | Lote | O lote do qual este contexto é membro. |
   | Descrição | Descrição de usos para o contexto. |
   | Cores Nota: Para cada entrada nos campos de cor, depois de inserir um código de cor, um bloco aparece à direita do campo mostrando a cor especificada. O uso de códigos de cores inválidos aciona uma notificação de erro apropriada. ||
   | Cor CSS | O código de cor CSS correspondente ao nome da cor de contexto. |
   | Cor CSS na interação | Código de cor CSS que aparece ao passar o mouse ou em foco. |
   | Cor CSS acessível | Código de cor CSS acessível que aparece quando o modo de acessibilidade está habilitado. |
   | Cor CSS acessível na interação | Código de cor CSS acessível que aparece ao passar o mouse ou em foco. |
   | Ícones ||
   | Ícone | Ícone exibido quando o contexto inclui um ícone. |
   | Ícone acessível | Ícone exibido quando o contexto inclui um ícone e quando o modo de acessibilidade está habilitado. Para adicionar seu próprio ícone ou ver uma lista de ícones disponíveis, consulte [Carregar uma ou mais imagens](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. Clique em Enviar.