> 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/it/solarvis-modules/ai-sales-assistant/theme.md).

# Tema

## Scopo di questa pagina <a href="#purpose-of-this-page" id="purpose-of-this-page"></a>

Utilizza questa pagina per definire i colori, lo stile di sfondo e la tipografia utilizzati dall’AI Sales Assistant. L’anteprima dal vivo consente di rivedere le modifiche prima di applicarle, aiutando a garantire che l’assistente si integri perfettamente nel tuo sito web.

## Cosa puoi fare qui <a href="#what-you-can-do-here" id="what-you-can-do-here"></a>

* Selezionare un tema preimpostato con colori dell’intestazione e motivi di sfondo predefiniti
* Utilizzare il branding aziendale o definire colori primari e secondari personalizzati
* Scegliere la famiglia di font utilizzata in tutto l’AI Sales Assistant
* Visualizzare l’assistente in modalità chiara o scura prima di salvare
* Salvare la configurazione del tema per il tuo sito web

## Come funziona <a href="#how-it-works" id="how-it-works"></a>

La pagina Tema è suddivisa in due aree:

* **Il pannello di configurazione** a sinistra è dove puoi personalizzare l’aspetto dell’assistente.
* **Anteprima dal vivo** a destra è dove puoi vedere immediatamente come apparirà il tema selezionato sul tuo sito web.

La maggior parte delle modifiche visive viene riflessa istantaneamente nell’anteprima, permettendoti di valutare l’assistente prima di salvare.

{% hint style="info" %}
L’anteprima dal vivo serve solo per la visualizzazione. Il tuo sito web non viene aggiornato finché non selezioni **Salva**.
{% endhint %}

## Pannello di configurazione <a href="#configuration-panel" id="configuration-panel"></a>

L’aspetto dell’assistente viene personalizzato in quest’area in modo semplice e rapido.

### Temi preimpostati <a href="#theme-presets" id="theme-presets"></a>

I temi preimpostati offrono combinazioni già pronte di colori dell’intestazione e motivi di sfondo per la conversazione.

Ogni preimpostazione definisce:

* Stile del colore dell’intestazione
* Motivo di sfondo della conversazione

Le combinazioni preimpostate disponibili includono:

* Intestazione primaria o secondaria senza motivo di sfondo
* Intestazione primaria o secondaria con motivo a più (+)
* Intestazione primaria o secondaria con motivo a punti

Qualsiasi preimpostazione può essere selezionata per aggiornare immediatamente l’anteprima dal vivo. La preimpostazione selezionata è indicata con un segno di spunta.

### Colori aziendali <a href="#company-colors" id="company-colors"></a>

Abilita **Usa colori aziendali** per utilizzare automaticamente i colori del marchio configurati nelle impostazioni della tua azienda.

Quando questa opzione è abilitata:

* L’assistente eredita i colori primari e secondari del marchio della tua organizzazione.
* La modifica manuale dei colori è disabilitata.

Questa è l’opzione consigliata se desideri che l’assistente rimanga coerente con il branding del tuo sito web.

### Colori personalizzati <a href="#custom-colors" id="custom-colors"></a>

Disabilita **Usa colori aziendali** per definire uno schema di colori personalizzato specifico per l’AI Sales Assistant.

**Colore primario** - definisce il colore principale del marchio utilizzato in tutto l’assistente.

**Colore secondario** - definisce il colore secondario di accento utilizzato dal tema selezionato.

Per entrambi i colori, puoi:

* Inserire un valore di colore esadecimale
* Selezionare un colore tramite il selettore di colori

{% hint style="info" %}
Il colore che appare nell’intestazione dell’assistente dipende dal tema preimpostato selezionato. Le preimpostazioni che utilizzano **Intestazione primaria** mostrano il colore primario, mentre le preimpostazioni **Intestazione secondaria** mostrano il colore secondario.
{% endhint %}

### Famiglia di font <a href="#font-family" id="font-family"></a>

La **famiglia di font** viene utilizzata in un menu a discesa per selezionare la tipografia utilizzata in tutta l’interfaccia dell’AI Sales Assistant.

I font disponibili includono:

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

Il font selezionato viene immediatamente riflesso nell’anteprima dal vivo.

## Pannello di anteprima dal vivo <a href="#live-preview-panel" id="live-preview-panel"></a>

Il pannello di anteprima sul lato destro della pagina mostra come apparirà l’AI Sales Assistant quando sarà incorporato nel tuo sito web.

L’anteprima si aggiorna automaticamente mentre modifichi:

* Tema preimpostato e motivo di sfondo
* Colori
* Famiglia di font

{% hint style="info" %}
**Nota:** La modalità scura influisce solo sull’anteprima. Non abilita la modalità scura per il tuo sito web né modifica la configurazione del tema salvata.
{% endhint %}

***

## Pagine correlate <a href="#related-pages" id="related-pages"></a>

* [AI Sales Assistant](/documentation/it/solarvis-modules/ai-sales-assistant.md)
* [Impostazioni generali](/documentation/it/solarvis-modules/ai-sales-assistant/general-settings.md)
* [Configurazione dei costi](/documentation/it/solarvis-modules/ai-sales-assistant/cost-configuration.md)
* [Regolamenti](/documentation/it/solarvis-modules/ai-sales-assistant/regulations.md)
* [Test di configurazione dei costi](/documentation/it/solarvis-modules/ai-sales-assistant/cost-configuration-test.md)
* [Formazione](/documentation/it/solarvis-modules/ai-sales-assistant/training.md)
* [Saluto](/documentation/it/solarvis-modules/ai-sales-assistant/greeting.md)
* [Percorso utente finale AI Sales Assistant](/documentation/it/solarvis-modules/ai-sales-assistant/ai-sales-assistant-end-user-journey.md)

Se riscontri problemi, [non esitare a contattarci.](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/it/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.