Configure cores para ilustrações de ícone de bloco

  • Versão de lançamento: Australia
  • Atualizado 12 de mar. de 2026
  • 2 min. de leitura
  • Configure e controle as cores aplicadas automaticamente às ilustrações do ícone de bloco para manter sua experiência visual envolvente e manter o reconhecimento da marca.

    Antes de Iniciar

    Função necessária: ui_builder_admin

    Para obter informações sobre funções granulares, consulte Granular admin roles.

    Por Que e Quando Desempenhar Esta Tarefa

    Como uma categoria, todas as ilustrações de ícone de bloco compartilham mapeamentos de gancho de cor. Como resultado, as cores que você aplica a um tipo de ilustração de ícone de bloco também são aplicadas a toda a categoria de ilustração de ícone de bloco.
    Importante:
    A configuração de cores da ilustração do ícone de bloco se aplica aos espaços de trabalho e não é compatível com IU principal.

    Procedimento

    1. Navegar até Tudo > Estrutura do Now Experience > Construtor de temas.
      . Construtor de temas A página principal é aberta em uma nova guia e exibida na exibição da página inicial.
    2. Use a lista suspensa Página para selecionar a exibição da página do Editor.
      Figura 1. Exibição da página do editor
      Exibição de exemplo da página do Editor.
    3. Na lista suspensa Tema, selecione o tema que você deseja editar.
    4. Selecione Estilos de imagem no painel estilos gerais e expanda Ícones lado a lado .
      As ilustrações do ícone de bloco disponíveis para edição são listadas por tipo na fase principal.
    5. Selecione qualquer tipo de ilustração de ícone de bloco na fase principal.
      Nota:
      A personalização das cores de qualquer tipo de ilustração de ícone de bloco aplica a mudança de cor a toda a categoria de ícone de bloco, independentemente do tipo selecionado.
      O painel de propriedades é aberto automaticamente.
      Figura 2. Guia Estilos de imagem com ícones de bloco expandidos e Ilustração de acessibilidade selecionada
      Guia de estilos de imagem selecionada com as ilustrações do ícone de bloco listadas na fase principal e no painel de propriedades abertas.
    6. No painel Propriedades, selecione Cores guia.
      Nota:
      O número de cores iniciais ou de suporte difere dependendo da categoria de ilustração. Por exemplo, as ilustrações de faixa têm uma cor principal, enquanto as ilustrações de ícone de bloco têm três cores principais. As cores principais são as cores principais na ilustração e as cores de apoio são acentos. Eles estão listados do mais proeminente para o menos importante.
      Figura 3. Guia Cores do painel de propriedades
      Painel de propriedades com a guia Cores selecionada.
    7. Selecione uma cor de imagem para editar a cor usando o seletor de cores.
      Figura 4. Seletor de cores
      Seletor de cores.
      Nota:
      Por padrão, a guia Minhas cores mostra todas as cores disponíveis para a ilustração. Você também pode usar a guia Personalizado para selecionar uma nova cor.
    8. Ao concluir as mudanças, selecione Salvar mudanças .
      Nota:
      Depois de salvar as mudanças em qualquer um dos ganchos de cor, um símbolo Remover substituição será exibido. O símbolo Remover substituição permite reverter as mudanças de cor de volta para as cores originais geradas automaticamente.
      Remover símbolo de substituição.

    Resultado

    As novas cores são aplicadas a todos os tipos de ilustração de ícone de bloco.

    Se o seu tema for publicado, as edições da ilustração ficarão visíveis para os usuários que tiverem o tema aplicado na atualização. Para obter informações sobre como publicar temas, consulte Publique seus temas com Construtor de temas.