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

# Thema

Die Seite „Theme“ ermöglicht es Ihnen, das visuelle Erscheinungsbild des AI Sales Assistant an die Markenidentität Ihres Unternehmens anzupassen.

## Zweck dieser Seite <a href="#purpose-of-this-page" id="purpose-of-this-page"></a>

Verwenden Sie diese Seite, um die Farben, den Hintergrundstil und die Typografie des AI Sales Assistant festzulegen. Die Live-Vorschau ermöglicht es Ihnen, Ihre Änderungen vor der Anwendung zu überprüfen, sodass sichergestellt wird, dass der Assistent nahtlos in Ihre Website integriert wird.

## Was Sie hier tun können <a href="#what-you-can-do-here" id="what-you-can-do-here"></a>

* Wählen Sie ein voreingestelltes Theme mit vordefinierten Header-Farben und Hintergrundmustern
* Verwenden Sie Ihr Unternehmensbranding oder definieren Sie eigene Primär- und Sekundärfarben
* Wählen Sie die Schriftfamilie, die im gesamten AI Sales Assistant verwendet wird
* Sehen Sie sich den Assistenten in der hellen oder dunklen Ansicht an, bevor Sie speichern
* Speichern Sie die Theme-Konfiguration für Ihre Website

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

Die Theme-Seite ist in zwei Bereiche unterteilt:

* **Das Konfigurationspanel** auf der linken Seite, in dem Sie das Erscheinungsbild des Assistenten anpassen.
* **Live-Vorschau** auf der rechten Seite, in der Sie sofort sehen können, wie das ausgewählte Theme auf Ihrer Website aussehen wird.

Die meisten visuellen Änderungen werden sofort in der Vorschau angezeigt, sodass Sie den Assistenten vor dem Speichern bewerten können.

{% hint style="info" %}
Die Live-Vorschau dient nur der Visualisierung. Ihre Website wird erst aktualisiert, wenn Sie **Speichern** auswählen.
{% endhint %}

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

Das Erscheinungsbild des Assistenten kann in diesem Bereich einfach und schnell angepasst werden.

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

Theme-Voreinstellungen bieten fertige Kombinationen aus Header-Farben und Hintergrundmustern für Konversationen.

Jede Voreinstellung definiert:

* Header-Farbstil
* Hintergrundmuster für Konversationen

Verfügbare Voreinstellungskombinationen umfassen:

* Primärer oder Sekundärer Header ohne Hintergrundmuster
* Primärer oder Sekundärer Header mit Plus (+)-Muster
* Primärer oder Sekundärer Header mit Punktmuster

Jede Voreinstellung kann ausgewählt werden, um die Live-Vorschau sofort zu aktualisieren. Die ausgewählte Voreinstellung wird mit einem Häkchen markiert.

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

Aktivieren Sie **Unternehmensfarben verwenden**, um automatisch die in Ihren Unternehmenseinstellungen konfigurierten Markenfarben zu verwenden.

Wenn diese Option aktiviert ist:

* Der Assistent übernimmt die primären und sekundären Markenfarben Ihrer Organisation.
* Die manuelle Farbbearbeitung ist deaktiviert.

Dies ist die empfohlene Option, wenn Sie möchten, dass der Assistent mit dem Branding Ihrer Website übereinstimmt.

### Benutzerdefinierte Farben <a href="#custom-colors" id="custom-colors"></a>

Deaktivieren Sie **Unternehmensfarben verwenden**, um ein benutzerdefiniertes Farbschema speziell für den AI Sales Assistant festzulegen.

**Primärfarbe** – definiert die primäre Markenfarbe, die im gesamten Assistenten verwendet wird.

**Sekundärfarbe** – definiert die sekundäre Akzentfarbe, die vom ausgewählten Theme verwendet wird.

Für beide Farben können Sie:

* Einen hexadezimalen Farbwert eingeben
* Eine Farbe mit dem Farbwähler auswählen

{% hint style="info" %}
Welche Farbe im Header des Assistenten angezeigt wird, hängt vom ausgewählten Theme-Voreinstellung ab. Voreinstellungen mit **Primärem Header** zeigen die Primärfarbe an, während **Sekundärer Header**-Voreinstellungen die Sekundärfarbe anzeigen.
{% endhint %}

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

Die **Schriftfamilie** kann in einem Dropdown-Menü ausgewählt werden, um die Typografie im gesamten Interface des AI Sales Assistant festzulegen.

Verfügbare Schriftarten sind:

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

Die ausgewählte Schriftart wird sofort in der Live-Vorschau angezeigt.

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

Das Vorschau-Panel auf der rechten Seite der Seite zeigt an, wie der AI Sales Assistant aussieht, wenn er auf Ihrer Website eingebettet ist.

Die Vorschau wird automatisch aktualisiert, wenn Sie folgende Einstellungen ändern:

* Theme-Voreinstellung und Hintergrundmuster
* Farben
* Schriftfamilie

{% hint style="info" %}
**Hinweis:** Der Dunkelmodus wirkt sich nur auf die Vorschau aus. Er aktiviert keinen Dunkelmodus für Ihre Website und ändert nicht die gespeicherte Theme-Konfiguration.
{% endhint %}

***

## Verwandte Seiten <a href="#related-pages" id="related-pages"></a>

* [AI Sales Assistant](/documentation/de/solarvis-modules/ai-sales-assistant.md)
* [Allgemeine Einstellungen](/documentation/de/solarvis-modules/ai-sales-assistant/general-settings.md)
* [Kostenkonfiguration](/documentation/de/solarvis-modules/ai-sales-assistant/cost-configuration.md)
* [Regelungen](/documentation/de/solarvis-modules/ai-sales-assistant/regulations.md)
* [Kostenkonfiguration Test](/documentation/de/solarvis-modules/ai-sales-assistant/cost-configuration-test.md)
* [Schulung](/documentation/de/solarvis-modules/ai-sales-assistant/training.md)
* [Begrüßung](/documentation/de/solarvis-modules/ai-sales-assistant/greeting.md)
* [AI Sales Assistant Endnutzer-Reise](/documentation/de/solarvis-modules/ai-sales-assistant/ai-sales-assistant-end-user-journey.md)

Wenn Sie auf Probleme stoßen, [kontaktieren Sie uns gerne.](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/de/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.
