Personalize as cores para ilustrações de estado vazio e imagens personalizadas

Personalize e controle as cores aplicadas automaticamente às ilustrações de estado vazio e às suas imagens personalizadas para manter sua experiência visual envolvente, mantendo o reconhecimento da marca.

Antes de Iniciar

Antes de editar as cores da sua imagem personalizada, você deve anexar dois tokens de design ao seu código de imagem antes de carregar a imagem para Construtor de temas. Para obter informações, consulte Substitua ilustrações de estado vazio por imagens personalizadas.

Função necessária: administrador

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 personalizaçã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 > Temas > 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.
   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:

   Personalizar as cores de qualquer tipo de ilustração de estado vazio aplicará 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.

   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, incluindo todas as imagens personalizadas que você carregou anteriormente com tokens de design aplicados.

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