Configurar cores e ícones contextuais

  • Versão de lançamento: Yokohama
  • Atualizado 30 de jan. de 2025
  • 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.
    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
    Consulte os seguintes sites para obter informações sobre declarações de cores CSS (incluindo notação hexadecimal ou RGB):
    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

    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 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.
    4. Clique em Enviar.