> For the complete documentation index, see [llms.txt](https://docs.solarvis.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.solarvis.co/documentation/pt/solarvis-modules/ai-sales-assistant/theme.md).

# Tema

A página Tema permite personalizar a aparência visual do Assistente de Vendas com IA para corresponder à identidade da marca da sua empresa.

## Objetivo desta Página <a href="#purpose-of-this-page" id="purpose-of-this-page"></a>

Utilize esta página para definir as cores, o estilo de fundo e a tipografia utilizadas pelo Assistente de Vendas com IA. A visualização ao vivo permite revisar suas alterações antes de aplicá-las, ajudando a garantir que o assistente se integre perfeitamente ao seu site.

## O Que Você Pode Fazer Aqui <a href="#what-you-can-do-here" id="what-you-can-do-here"></a>

* Selecionar um tema predefinido com cores de cabeçalho e padrões de fundo já definidos
* Utilizar a identidade visual da sua empresa ou definir cores primárias e secundárias personalizadas
* Escolher a família tipográfica utilizada em todo o Assistente de Vendas com IA
* Visualizar o assistente nos modos claro ou escuro antes de salvar
* Salvar a configuração do tema para o seu site

## Como Funciona <a href="#how-it-works" id="how-it-works"></a>

A página de Tema é dividida em duas áreas:

* **O painel de configuração** à esquerda é onde você personaliza a aparência do assistente.
* **Visualização ao vivo** à direita é onde você pode ver imediatamente como o tema selecionado ficará em seu site.

A maioria das alterações visuais é refletida instantaneamente na visualização, permitindo avaliar o assistente antes de salvar.

{% hint style="info" %}
A visualização ao vivo serve apenas para visualização. Seu site não é atualizado até que você selecione **Salvar**.
{% endhint %}

## Painel de Configuração <a href="#configuration-panel" id="configuration-panel"></a>

A aparência do assistente é personalizada nessa área de forma fácil e rápida.

### Temas Predefinidos <a href="#theme-presets" id="theme-presets"></a>

Os temas predefinidos oferecem combinações prontas de cores de cabeçalho e padrões de fundo para a conversa.

Cada tema predefinido define:

* Estilo de cor do cabeçalho
* Padrão de fundo da conversa

As combinações de temas predefinidos disponíveis incluem:

* Cabeçalho Primário ou Secundário sem padrão de fundo
* Cabeçalho Primário ou Secundário com padrão de cruz (+)
* Cabeçalho Primário ou Secundário com padrão de pontos

Qualquer tema predefinido pode ser selecionado para atualizar imediatamente a visualização ao vivo. O tema selecionado é indicado com uma marca de seleção.

### Cores da Empresa <a href="#company-colors" id="company-colors"></a>

Ative **Usar cores da empresa** para utilizar automaticamente as cores da marca configuradas nas definições da sua empresa.

Quando esta opção está ativada:

* O assistente herda as cores primária e secundária da marca da sua organização.
* A edição manual de cores é desativada.

Esta é a opção recomendada caso deseje que o assistente permaneça consistente com a identidade visual do seu site.

### Cores Personalizadas <a href="#custom-colors" id="custom-colors"></a>

Desative **Usar cores da empresa** para definir um esquema de cores personalizado especificamente para o Assistente de Vendas com IA.

**Cor Primária** - define a cor principal da marca utilizada em todo o assistente.

**Cor Secundária** - define a cor de destaque secundária utilizada pelo tema selecionado.

Para ambas as cores, você pode:

* Inserir um valor hexadecimal de cor
* Selecionar uma cor utilizando o seletor de cores

{% hint style="info" %}
A cor que aparece no cabeçalho do assistente depende do tema predefinido selecionado. Temas com **Cabeçalho Primário** exibem a cor primária, enquanto temas com **Cabeçalho Secundário** exibem a cor secundária.
{% endhint %}

### Família Tipográfica <a href="#font-family" id="font-family"></a>

A **Família tipográfica** é utilizada em um menu suspenso para selecionar a tipografia usada em toda a interface do Assistente de Vendas com IA.

As fontes disponíveis incluem:

* system-ui
* Inter
* Roboto
* Open Sans
* Poppins
* Lato
* Montserrat

A fonte selecionada é refletida imediatamente na visualização ao vivo.

## Painel de Visualização ao Vivo <a href="#live-preview-panel" id="live-preview-panel"></a>

O painel de visualização à direita da página exibe como o Assistente de Vendas com IA aparecerá quando incorporado ao seu site.

A visualização é atualizada automaticamente à medida que você modifica:

* Tema predefinido e padrão de fundo
* Cores
* Família tipográfica

{% hint style="info" %}
**Nota:** O modo escuro afeta apenas a visualização. Ele não ativa o modo escuro para o seu site nem altera a configuração do tema salvo.
{% endhint %}

***

## Páginas Relacionadas <a href="#related-pages" id="related-pages"></a>

* [Assistente de Vendas com IA](/documentation/pt/solarvis-modules/ai-sales-assistant.md)
* [Configurações Gerais](/documentation/pt/solarvis-modules/ai-sales-assistant/general-settings.md)
* [Configuração de Custos](/documentation/pt/solarvis-modules/ai-sales-assistant/cost-configuration.md)
* [Regulamentos](/documentation/pt/solarvis-modules/ai-sales-assistant/regulations.md)
* [Teste de Configuração de Custos](/documentation/pt/solarvis-modules/ai-sales-assistant/cost-configuration-test.md)
* [Treinamento](/documentation/pt/solarvis-modules/ai-sales-assistant/training.md)
* [Saudação](/documentation/pt/solarvis-modules/ai-sales-assistant/greeting.md)
* [Jornada do Usuário Final do Assistente de Vendas com IA](/documentation/pt/solarvis-modules/ai-sales-assistant/ai-sales-assistant-end-user-journey.md)

Se você encontrar algum problema, [sinta-se à vontade para nos contatar.](https://solarvis.co/en/company/contact)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.solarvis.co/documentation/pt/solarvis-modules/ai-sales-assistant/theme.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
