Configurar cores contextuais e ícones

  • Versão de lançamento: Zurich
  • Atualizado 31 de jul. de 2025
  • 2 min. de leitura
  • Use Ícones e cores contextuais Formulário para configurar cor, texto e ícones para ter contextos padrão ou personalizados diferentes, 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 os ícones dos elementos no Ícones e cores contextuais formulário para afetar as cores exibidas ou ícones de gravidades em relacionado Gestão de eventos quando o modo de acessibilidade está desativado ou ativado. Para obter mais informações sobre acessibilidade, consulte Recursos de acessibilidade .
    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 predefinidos, por exemplo, vermelho, verde, oliva, azul, azul escuro ou azul claro
    • RGB decimal: RGB (102, 153, 204)
    • RGB HEX: Nº 223344
    Consulte os seguintes sites para obter informações sobre declarações de cores CSS (incluindo notação HEX ou RGB):
    Os IDs de contexto fornecidos com a instância de base são:
    • information_severity
    • warning_severity
    • minor_severity
    • major_severity
    • critical_severity
    • topology_connection

    Procedimento

    1. Navegar até Tudo > Gestão de eventos > Administração > Ícones e cores contextuais.
    2. Clique em Novo ou modifique uma configuração existente.
    3. Configure os seguintes campos.
      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 para o 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 dos usos do 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 para o 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 cores 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 para ver uma lista de ícones disponíveis, consulte Carregue uma ou mais imagens .
    4. Clique em Enviar.