# Choisir le thème de l'interface (/docs/premiers-pas/theme-espace)



## Vue d'ensemble [#vue-densemble]

FormaPulse te laisse choisir l'**apparence de l'interface** web. En plus des thèmes **Clair** et **Sombre**, le thème **Espace** propose un fond en dégradé de couleurs, animé, avec des surfaces en effet verre et plusieurs palettes au choix — dont une palette que tu composes toi-même.

<VideoAVenir titre="Choisir le thème Espace" />

## Étapes [#étapes]

### 1. Ouvrir les préférences [#1-ouvrir-les-préférences]

Ouvre les **Préférences** (icône **Préférences** dans la barre du haut, ou menu latéral **Informations** > **Préférences**), section **Général**, carte **Thème**.

### 2. Choisir un thème [#2-choisir-un-thème]

| **Thème**                          | Description                                                    |
| ---------------------------------- | -------------------------------------------------------------- |
| **Clair**                          | Fond clair, texte foncé.                                       |
| **Sombre**                         | Fond sombre, texte clair (thème par défaut).                   |
| **Espace**                         | Fond en dégradé de couleurs et surfaces translucides.          |
| **Système**                        | Suit le réglage clair/sombre de ton ordinateur.                |
| **Thème** suivi du nom de ton club | Apparaît uniquement si ton club a défini ses propres couleurs. |
| **Personnalisé**                   | Tu définis toi-même chaque couleur de l'interface.             |

### 3. Régler le thème Espace [#3-régler-le-thème-espace]

Quand **Espace** est sélectionné, deux réglages apparaissent :

* **Fond animé** : le dégradé du fond bouge lentement. Désactive-le si ton ordinateur est peu puissant.
* **Palette de couleurs** : les couleurs du dégradé de fond. Palettes disponibles : **Aube** (par défaut), **Lagon**, **Lavande**, **Pêche**, **Sauge**, **Sorbet**, **Nordique**, **Crépuscule** et **Personnalisée**.

### 4. Composer ta palette personnalisée [#4-composer-ta-palette-personnalisée]

Avec **Personnalisée**, tu définis **4 couleurs** (**Couleur 1** à **Couleur 4**) : choisis la couleur à modifier, puis une teinte du nuancier. Le nuancier ne propose que des teintes claires, pour que le texte reste toujours lisible.

### 5. (Optionnel) Personnaliser toutes les couleurs [#5-optionnel-personnaliser-toutes-les-couleurs]

Avec le thème **Personnalisé**, le bloc **Personnalisation des couleurs** te permet de changer chaque couleur de l'interface (fond principal, texte, menus, modales, barre latérale, bordures, boutons, couleurs d'accent…). Le bouton **Réinitialiser** revient au thème **Sombre**.

<Callout type="info">
  Le thème, la palette et le fond animé sont mémorisés **dans ce navigateur**. Sur un autre ordinateur ou un autre navigateur, refais ton choix.
</Callout>

## Erreurs à éviter [#erreurs-à-éviter]

* **Garder le fond animé sur un ordinateur lent** : si l'interface te semble ralentie avec le thème Espace, désactive **Fond animé**.
* **S'étonner de retrouver l'ancien thème sur un autre poste** : le réglage est propre à chaque navigateur.
* **Choisir des couleurs peu contrastées en thème Personnalisé** : un texte proche de la couleur du fond devient illisible ; utilise **Réinitialiser** pour repartir d'une base saine.

## Aller plus loin [#aller-plus-loin]

<Cards>
  <Card title="Configurer tes préférences" href="/docs/premiers-pas/configurer-son-club" />

  <Card title="La recherche globale" href="/docs/premiers-pas/recherche-globale" />

  <Card title="Bien démarrer" href="/docs/premiers-pas/bienvenue" />
</Cards>