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

# Thème

## Objectif de cette page <a href="#purpose-of-this-page" id="purpose-of-this-page"></a>

Utilisez cette page pour définir les couleurs, le style d’arrière-plan et la typographie utilisés par l’Assistant Commercial IA. L’aperçu en direct vous permet de vérifier vos modifications avant de les appliquer, afin de garantir que l’assistant s’intègre parfaitement à votre site web.

## Ce que vous pouvez faire ici <a href="#what-you-can-do-here" id="what-you-can-do-here"></a>

* Sélectionner un thème prédéfini avec des couleurs d’en-tête et des motifs d’arrière-plan prédéfinis
* Utiliser l’identité visuelle de votre entreprise ou définir des couleurs principales et secondaires personnalisées
* Choisir la famille de polices utilisée dans tout l’Assistant Commercial IA
* Prévisualiser l’assistant en mode clair ou sombre avant de sauvegarder
* Enregistrer la configuration du thème pour votre site web

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

La page Thème est divisée en deux zones :

* **Le panneau de configuration** à gauche, où vous personnalisez l’apparence de l’assistant.
* **Aperçu en direct** à droite, où vous pouvez voir immédiatement à quoi ressemblera le thème sélectionné sur votre site web.

La plupart des modifications visuelles sont reflétées instantanément dans l’aperçu, ce qui vous permet d’évaluer l’assistant avant de sauvegarder.

{% hint style="info" %}
L’aperçu en direct est uniquement destiné à la visualisation. Votre site web n’est pas mis à jour tant que vous n’avez pas sélectionné **Enregistrer**.
{% endhint %}

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

L’apparence de l’assistant est personnalisée dans cette zone de manière simple et rapide.

### Thèmes prédéfinis <a href="#theme-presets" id="theme-presets"></a>

Les thèmes prédéfinis offrent des combinaisons prêtes à l’emploi de couleurs d’en-tête et de motifs d’arrière-plan pour la conversation.

Chaque thème prédéfini définit :

* Le style de couleur de l’en-tête
* Le motif d’arrière-plan de la conversation

Les combinaisons prédéfinies disponibles incluent :

* En-tête principal ou secondaire sans motif d’arrière-plan
* En-tête principal ou secondaire avec un motif plus (+)
* En-tête principal ou secondaire avec un motif à points

Tout thème prédéfini peut être sélectionné pour mettre à jour immédiatement l’aperçu en direct. Le thème sélectionné est indiqué par une coche.

### Couleurs de l’entreprise <a href="#company-colors" id="company-colors"></a>

Activez **Utiliser les couleurs de l’entreprise** pour utiliser automatiquement les couleurs de marque configurées dans les paramètres de votre entreprise.

Lorsque cette option est activée :

* L’assistant hérite des couleurs principales et secondaires de votre organisation.
* La modification manuelle des couleurs est désactivée.

C’est l’option recommandée si vous souhaitez que l’assistant reste cohérent avec l’identité visuelle de votre site web.

### Couleurs personnalisées <a href="#custom-colors" id="custom-colors"></a>

Désactivez **Utiliser les couleurs de l’entreprise** pour définir un schéma de couleurs personnalisé spécifiquement pour l’Assistant Commercial IA.

**Couleur principale** : définit la couleur principale de la marque utilisée dans tout l’assistant.

**Couleur secondaire :** définit la couleur d’accent secondaire utilisée par le thème sélectionné.

Pour les deux couleurs, vous pouvez :

* Saisir une valeur de couleur hexadécimale
* Sélectionner une couleur à l’aide du sélecteur de couleurs

{% hint style="info" %}
La couleur affichée dans l’en-tête de l’assistant dépend du thème prédéfini sélectionné. Les thèmes utilisant **En-tête principal** affichent la couleur principale, tandis que les thèmes **En-tête secondaire** affichent la couleur secondaire.
{% endhint %}

### Famille de polices <a href="#font-family" id="font-family"></a>

La **famille de polices** est utilisée dans un menu déroulant pour sélectionner la typographie utilisée dans toute l’interface de l’Assistant Commercial IA.

Les polices disponibles incluent :

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

La police sélectionnée est immédiatement reflétée dans l’aperçu en direct.

## Panneau d’aperçu en direct <a href="#live-preview-panel" id="live-preview-panel"></a>

Le panneau d’aperçu situé à droite de la page affiche l’apparence de l’Assistant Commercial IA lorsqu’il est intégré à votre site web.

L’aperçu se met à jour automatiquement lorsque vous modifiez :

* Thème prédéfini et motif d’arrière-plan
* Couleurs
* Famille de polices

{% hint style="info" %}
**Remarque :** Le mode sombre affecte uniquement l’aperçu. Il n’active pas le mode sombre pour votre site web et ne modifie pas la configuration du thème enregistrée.
{% endhint %}

***

## Pages associées <a href="#related-pages" id="related-pages"></a>

* [Assistant Commercial IA](/documentation/fr/solarvis-modules/ai-sales-assistant.md)
* [Paramètres généraux](/documentation/fr/solarvis-modules/ai-sales-assistant/general-settings.md)
* [Configuration des coûts](/documentation/fr/solarvis-modules/ai-sales-assistant/cost-configuration.md)
* [Réglementations](/documentation/fr/solarvis-modules/ai-sales-assistant/regulations.md)
* [Test de configuration des coûts](/documentation/fr/solarvis-modules/ai-sales-assistant/cost-configuration-test.md)
* [Formation](/documentation/fr/solarvis-modules/ai-sales-assistant/training.md)
* [Message d’accueil](/documentation/fr/solarvis-modules/ai-sales-assistant/greeting.md)
* [Parcours utilisateur final de l’Assistant Commercial IA](/documentation/fr/solarvis-modules/ai-sales-assistant/ai-sales-assistant-end-user-journey.md)

Si vous rencontrez des problèmes, [n’hésitez pas à nous contacter.](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/fr/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.
