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

# Thema

De pagina Thema stelt u in staat om het visuele uiterlijk van de AI Sales Assistant aan te passen aan de merkidentiteit van uw bedrijf.

## Doel van deze pagina <a href="#purpose-of-this-page" id="purpose-of-this-page"></a>

Gebruik deze pagina om de kleuren, achtergrondstijl en typografie te definiëren die door de AI Sales Assistant worden gebruikt. De live preview stelt u in staat uw wijzigingen te bekijken voordat u deze toepast, zodat de assistant naadloos op uw website aansluit.

## Wat u hier kunt doen <a href="#what-you-can-do-here" id="what-you-can-do-here"></a>

* Selecteer een vooraf ingestelde thema met vooraf gedefinieerde headerkleuren en achtergrondpatronen
* Gebruik uw bedrijfsbranding of definieer aangepaste primaire en secundaire kleuren
* Kies het lettertype dat in de gehele AI Sales Assistant wordt gebruikt
* Bekijk de assistant in lichte of donkere modus voordat u opslaat
* Sla de thema-configuratie op voor uw website

## Hoe het werkt <a href="#how-it-works" id="how-it-works"></a>

De Thema-pagina is verdeeld in twee gebieden:

* **Het configuratiepaneel** aan de linkerkant is waar u het uiterlijk van de assistant aanpast.
* **Live preview** aan de rechterkant is waar u direct kunt zien hoe het geselecteerde thema er op uw website uit zal zien.

De meeste visuele wijzigingen worden direct weergegeven in de preview, zodat u de assistant kunt beoordelen voordat u opslaat.

{% hint style="info" %}
De live preview is alleen voor visualisatie. Uw website wordt pas bijgewerkt nadat u **Opslaan** selecteert.
{% endhint %}

## Configuratiepaneel <a href="#configuration-panel" id="configuration-panel"></a>

Het uiterlijk van de assistant kan in dit gebied eenvoudig en snel worden aangepast.

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

Thema-presets bieden kant-en-klare combinaties van headerkleuren en achtergrondpatronen voor gesprekken.

Elke preset definieert:

* Header kleurstijl
* Achtergrondpatroon voor gesprekken

Beschikbare presetcombinaties zijn onder andere:

* Primaire of secundaire header zonder achtergrondpatroon
* Primaire of secundaire header met een plus (+) patroon
* Primaire of secundaire header met een stippenpatroon

Elke preset kan geselecteerd worden om direct de live preview bij te werken. De geselecteerde preset wordt aangeduid met een vinkje.

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

Schakel **Bedrijfskleuren gebruiken** in om automatisch de merk-kleuren te gebruiken die in uw bedrijfsinstellingen zijn geconfigureerd.

Wanneer deze optie is ingeschakeld:

* De assistant neemt de primaire en secundaire merk-kleuren van uw organisatie over.
* Handmatige kleurwijziging is uitgeschakeld.

Dit is de aanbevolen optie als u wilt dat de assistant consistent blijft met de branding van uw website.

### Aangepaste kleuren <a href="#custom-colors" id="custom-colors"></a>

Schakel **Bedrijfskleuren gebruiken** uit om een aangepast kleurenschema specifiek voor de AI Sales Assistant te definiëren.

**Primaire kleur** - definieert de primaire merk-kleur die in de gehele assistant wordt gebruikt.

**Secundaire kleur** - definieert de secundaire accentkleur die door het geselecteerde thema wordt gebruikt.

Voor beide kleuren kunt u:

* Een hexadecimale kleurwaarde invoeren
* Een kleur selecteren met de kleurkiezer

{% hint style="info" %}
Welke kleur in de header van de assistant verschijnt, hangt af van het geselecteerde thema-preset. Presets met de **Primaire header** tonen de primaire kleur, terwijl **Secundaire header**-presets de secundaire kleur tonen.
{% endhint %}

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

De **Lettertypefamilie** wordt gebruikt in een dropdownmenu om de typografie te selecteren die in de gehele AI Sales Assistant-interface wordt gebruikt.

Beschikbare lettertypen zijn onder andere:

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

Het geselecteerde lettertype wordt direct weergegeven in de live preview.

## Live preview-paneel <a href="#live-preview-panel" id="live-preview-panel"></a>

Het preview-paneel aan de rechterkant van de pagina toont hoe de AI Sales Assistant eruit zal zien wanneer deze op uw website is ingebed.

De preview wordt automatisch bijgewerkt wanneer u het volgende wijzigt:

* Thema-preset en achtergrondpatroon
* Kleuren
* Lettertypefamilie

{% hint style="info" %}
**Let op:** Donkere modus heeft alleen invloed op de preview. Het schakelt geen donkere modus in voor uw website en wijzigt de opgeslagen thema-configuratie niet.
{% endhint %}

***

## Gerelateerde pagina's <a href="#related-pages" id="related-pages"></a>

* [AI Sales Assistant](/documentation/nl/solarvis-modules/ai-sales-assistant.md)
* [Algemene instellingen](/documentation/nl/solarvis-modules/ai-sales-assistant/general-settings.md)
* [Kostenconfiguratie](/documentation/nl/solarvis-modules/ai-sales-assistant/cost-configuration.md)
* [Regelgeving](/documentation/nl/solarvis-modules/ai-sales-assistant/regulations.md)
* [Kostenconfiguratie Test](/documentation/nl/solarvis-modules/ai-sales-assistant/cost-configuration-test.md)
* [Training](/documentation/nl/solarvis-modules/ai-sales-assistant/training.md)
* [Begroeting](/documentation/nl/solarvis-modules/ai-sales-assistant/greeting.md)
* [AI Sales Assistant Eindgebruikersreis](/documentation/nl/solarvis-modules/ai-sales-assistant/ai-sales-assistant-end-user-journey.md)

Als u problemen ondervindt, [neem gerust contact met ons op.](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/nl/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.