# Thème

## 👨‍🎨️ Qu'est-ce qu'un thème ?

Un thème regroupe toutes les variables globales de style (couleurs et polices) qui seront utilisées pour générer le style final.

Vous pouvez définir les familles de couleurs suivantes.

* **Général** couleurs liées aux formulaires comme l'arrière-plan, l'en-tête et l'arrière-plan des pages de formulaire.
* **Primaire** sont les couleurs qui seront affichées le plus fréquemment dans vos composants de Sondage.
* **Secondaire** accentuent les composants actionnables du Sondage comme par exemple [boutons radio ou cases à cocher](/fr/form-management/form-designer/answers/answer-types/selection-answers.md).
* **Erreurs** sont toutes les couleurs utilisées par les messages d'erreur du Sondage. Vous pouvez forcer l'aperçu du Sondage à afficher tous ses messages d'erreur en activant l'option [aperçu des erreurs](/fr/form-management/style-branding/style-editor/style.md).

{% hint style="info" %}
Vous pouvez également utiliser n'importe quelle variable globale dans votre [code CSS](/fr/form-management/style-branding/style-editor/css.md) en utilisant le mot-clé var par ex. : color : **var(--ngs-text-color)**
{% endhint %}

## 🖍️ Choisir une couleur

Vous pouvez cliquer sur n'importe quel échantillon de couleur pour ouvrir le sélecteur et choisir la couleur souhaitée.

![](/files/de00eea03b0e59040fc3a714caa48cf7a120bd0e)

Pour réinitialiser une couleur, sélectionnez l'échantillon vide en haut à droite du sélecteur.

![](/files/def286c40544d214cb57bd67c58aff0ef7cca7c0)

## 🔤 Changer les polices

Pour changer les polices, vous pouvez soit ouvrir le panneau de sélection de polices pour en choisir une nouvelle dans la liste des polices disponibles.    

![](/files/30b668bf0cc35fdd536fd4139b2f95df531db1de)

{% hint style="warning" %}
La liste des polices disponibles utilise Google Fonts ; si vous ne voyez aucune police, assurez-vous d'avoir correctement [lier votre installation ngSurvey à Google Fonts](/fr/installation-setup/system-settings/google/google-web-font.md). 
{% endhint %}

Ou vous pouvez également modifier manuellement les polices depuis la liste des variables de code du thème.

![](/files/76071934b1b6719834cf3fa617885298ebc226bc)

{% hint style="info" %}
Les polices sélectionnées depuis la liste des polices disponibles seront automatiquement téléchargées depuis les serveurs Google Fonts si le Répondant n'a pas la police sélectionnée installée sur son appareil.
{% endhint %}


---

# Agent Instructions: 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:

```
GET https://docs.ngsurvey.com/fr/form-management/style-branding/style-editor/theme.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.