---
sourceDocument: Interfaces conversacionais de Yokohama
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/pt-BR/yokohama/conversational-interfaces

 Release :

    - yokohama

ft:locale :

    - pt-BR

ft:publication_title :

    - Interfaces conversacionais de Yokohama

ft:clusterId :

    - convint

bundleId :

    - convint

workflow :

    - Platform


---

# Configure a identidade visual do catálogo

# Configure a identidade visual do catálogo {#ariaid-title1}

* Versão de lançamento: Yokohama
* 
* Atualizado 30 de jan. de 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 2 min. de leitura

Personalize a aparência dos catálogos em Virtual Agentpara corresponder à identidade visual da sua empresa.

## Antes de Iniciar

Função necessária: admin, virtual_agent_admin

Download Construtor de temasNa ServiceNow Store e ative o plug-in (sn_theme_builder). Para obter mais informações, consulte [Activate a plugin](https://www.servicenow.com/docs/access?context=t_ActivateAPlugin&version=yokohama&pubname=yokohama-platform-administration&ft:locale=en-US).

## Por Que e Quando Desempenhar Esta Tarefa

Virtual Agent Usa a tabela Configuração de identidade visual \[sys_cs_branding_setup\] para definir cores de identidade visual, mas os catálogos não herdam cores de identidade visual. Em vez disso, os catálogos usam variáveis de folhas de estilo em cascata (CSS) definidas no registro de temas de UX \[sys_ux_theme\] na instância.

## Procedimento

1. Navegar até TudoTemasConstrutor de temas.
2. Crie um novo tema fornecendo cores primárias e secundárias.  
   Nota:  
   Você pode combinar suas cores com o plano de fundo do cabeçalho do bate-papo e com as cores do plano de fundo do bate-papo no registro de identidade visual de sua escolha. Para obter mais informações sobre como criar temas, consulte [Create a theme with Theme Builder](https://www.servicenow.com/docs/access?context=tb-create-theme&version=yokohama&pubname=yokohama-platform-user-interface&ft:locale=en-US).
3. Salve seu tema.
4. Adicione seu tema à configuração do portal.
   1. Navegar até TudoEstrutura do Now ExperienceTemas.
   2. Selecione o registro do tema que você deseja importar.
   3. No ícone Ações adicionais ![Ícone de ações adicionais.](), selecione Copie sys_id .
   4. Navegar até TudoPortal de serviçosBate-papo do agente.
   5. Selecione a configuração do portal na qual você deseja adicionar o tema de identidade visual e adicione a seguinte linha ao script do servidor, incluindo o sys_id da Etapa 4c.

   {#va-catalogs-branding__substeps_ugx_2rp_xbc}  
   Por exemplo, se o sys_id for 0be48eb1eba0011090fa99602a522843 , você adiciona:

       macroponent_theme: '0be48eb1eba0011090fa99602a522843'

5. Se desejar, adicione um tema de variante à configuração do portal.
   1. Repita as etapas 4a e 4b.
   2. Em Composição: Tema do app , abra o desejado Stylede quem Typeé Variante .
   3. Repita as etapas 4c e 4d.
   4. Selecione a configuração do portal em que você adicionou seu tema de identidade visual e adicione a seguinte linha ao script do servidor, incluindo o sys_id da Etapa 5c.

   {#va-catalogs-branding__substeps_vxh_prp_xbc}  
   Por exemplo, se o sys_id do tema variante for 1df59fc2fcb1122101gb00713b633954 , você adiciona:

       macroponent_theme_variant: '1df59fc2fcb1122101gb00713b633954'

6. Selecione Atualizar para salvar a configuração.
7. Navegue até o portal em que a configuração é usada.  
   Por exemplo, se você atualizou o. ESC ChatConfiguração do portal, navegue até a Central de serviços do funcionário.
8. Execute o tópico do catálogo no bate-papo do portal para carregar sua configuração e revelar todos os elementos que precisam de identidade visual.  
9. Navegar até TudoNow ExperienceTemasConstrutor de temas.
10. No menu suspenso, selecione Gerente , em seguida, selecione o tema criado.
11. Em Estilos de componente , selecione Editar .  
12. Selecione um dos elementos que precisam de identidade visual encontrados na Etapa 8.
13. Na barra lateral da paleta, defina a cor do código hexadecimal do elemento para corresponder à cor do seu registro de identidade visual.
14. Repita as etapas 12 e 13 até atualizar todos os elementos.  
{#va-catalogs-branding__steps_c5m_yxh_qcc}

## Resultado

Os temas de cores do catálogo agora correspondem à sua identidade visual.