Configure as cores para ilustrações de estado vazio

Configure e controle as cores aplicadas automaticamente a ilustrações de estado vazio 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 categoria, todas as ilustrações de estado vazio compartilham mapeamentos de gancho de cores. Como resultado, as cores que você aplica a um tipo de ilustração de estado vazio também são aplicadas a toda a categoria de ilustração de estado vazio.

Importante:

A configuração de cores de ilustração de estado vazio se aplica a 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

   

3. Na lista suspensa Tema, selecione o tema que você deseja editar.
4. Selecione Estilos de imagem no painel estilos gerais e expanda Estados vazios .
   As ilustrações de estado vazio disponíveis para edição são exibidas na fase principal e agrupadas por tipo.

   Figura 2. Guia Estilos de imagem selecionada

   

5. Selecione qualquer tipo de ilustração de estado vazio na fase principal.
   Nota:

   A personalização das cores de qualquer tipo de ilustração de estado vazio aplica a mudança de cor a toda a categoria de estado vazio, independentemente do tipo selecionado.
   O painel de propriedades é aberto automaticamente.
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 estado vazio têm duas 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

   

7. Selecione uma cor de imagem para editar a cor usando o seletor de cores.

   Figura 4. 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.

   

Resultado

As novas cores são aplicadas a todos os tipos de ilustração de estado vazio.

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