> For the complete documentation index, see [llms.txt](https://docs.artific.nl/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.artific.nl/voor-beheerders/assistenten/themas.md).

# Thema's

Thema's bepalen hoe het chatvenster eruitziet: kleuren, logo, hoeken en randen. Te beheren onder **AI Assistenten → Thema's**, en toe te passen op een assistent met de instelling **Thema**.

Een thema doet er het meest toe bij een assistent die [op een website is ingesloten](/voor-beheerders/assistenten/voorbeeld-en-insluiten.md), waar hij eruit moet zien als onderdeel van je site en niet als een aangeplakte widget.

## Het themaoverzicht

Elk thema verschijnt als kaart met een levende miniatuur van het chatvenster, zodat je het effect ziet zonder het te openen. Thema's met een schildje zijn standaardthema's die met het platform worden meegeleverd: je kunt ze bekijken en toepassen, maar niet wijzigen.

Gebruik **Thema aanmaken** om er zelf een te maken.

## Een thema aanmaken of bewerken

Een thema heeft een **Naam** en een **Omschrijving**, en daarna vier groepen instellingen. Een live voorbeeld naast het formulier wordt bijgewerkt zodra je iets verandert.

### Achtergrond- en randkleuren

| Instelling                | Wat het kleurt                                                         |
| ------------------------- | ---------------------------------------------------------------------- |
| **Header**                | De balk bovenaan het chatvenster.                                      |
| **Chat**                  | Het gespreksgebied achter de berichten.                                |
| **Footer & snelle actie** | Het gebied rond het berichtveld en de kaarten met voorgestelde vragen. |
| **Initialen**             | De cirkel achter de initialen van een gebruiker.                       |
| **Rand**                  | De omlijning rond het chatvenster.                                     |

### Tekstkleuren

| Instelling       | Wat het kleurt                                                             |
| ---------------- | -------------------------------------------------------------------------- |
| **Header**       | Tekst in de bovenbalk. Moet contrasteren met de achtergrond van de header. |
| **Chat**         | De berichttekst.                                                           |
| **Snelle actie** | Tekst op de kaarten met voorgestelde vragen.                               |
| **Initialen**    | De letters in de cirkel met initialen.                                     |

{% hint style="warning" %}
Let op contrast, niet alleen op of het bij je huisstijl past. Lichtgrijze tekst op een witte achtergrond ziet er elegant uit in een ontwerp en is voor veel mensen onleesbaar. Vooral bij de headertekst gaat het snel mis: donkere tekst op een donkere header verdwijnt.
{% endhint %}

### Afbeeldingen

| Instelling                            | Wat het doet                                                                |
| ------------------------------------- | --------------------------------------------------------------------------- |
| **Logo**                              | Wordt getoond in het chatvenster.                                           |
| **Hoeklogo voor "corner chat"-modus** | Het icoon op de knop wanneer de assistent in de hoek van een website staat. |

Gebruik een transparante PNG, zodat het logo netjes op je headerkleur staat.

### Stijl

| Instelling                          | Opties                                                                    |
| ----------------------------------- | ------------------------------------------------------------------------- |
| **Afgeronde hoeken**                | **Geen**, **Klein**, **Gemiddeld**, **Groot**. Gemiddeld is de standaard. |
| **Rand rond de assistent tonen**    | Aan of uit.                                                               |
| **Schaduw rond de assistent tonen** | Aan of uit.                                                               |

Bij een widget die over een website zweeft, helpt een rand of een schaduw om hem van de pagina te scheiden. Bij een insluiting over de volledige pagina binnen je eigen vormgeving staan ze meestal beter uit.

## Een thema toepassen

Thema's pas je niet vanaf dit scherm toe. Open de assistent, ga naar **Instellingen** en kies het thema in het veld **Thema** onder **Algemeen**.

Eén thema kan door willekeurig veel assistenten worden gebruikt, en dat is precies de bedoeling: bouw één thema dat bij je huisstijl past en hergebruik het overal.

## Een thema verwijderen

**Thema verwijderen** verschijnt als je een thema bewerkt dat je zelf hebt gemaakt. Standaardthema's kun je niet verwijderen. Controleer eerst of geen enkele assistent het nog gebruikt.