> ## Documentation Index
> Fetch the complete documentation index at: https://docs.scanova.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Thèmes

> Choisissez et personnalisez un thème parmi 21 styles prédéfinis, avec des personnalisations complètes au niveau des tokens.

## Ce qu'un thème contrôle

Un thème contrôle le style visuel global d'une page de destination : couleur de fond, couleur de surface, couleur de texte, couleur d'accent, police, rayon d'angle, et style d'ombre/surface. Changer de thème met instantanément à jour tous les blocs de la page — les thèmes ne modifient jamais votre contenu, seulement son apparence.

## Ouvrir le sélecteur de thèmes

Cliquez sur le bouton **Theme** dans l'en-tête du Page Builder. Le sélecteur de thèmes s'ouvre dans le panneau de droite, montrant les thèmes prédéfinis (onglet **Presets**) et tout thème que vous avez enregistré (onglet **Saved**).

## Thèmes prédéfinis

Le sélecteur compte **21 thèmes prédéfinis**, répartis sur deux pages de 12 et 9 cartes.

<Frame caption="Thèmes prédéfinis, page 1 sur 2 — Modern, Classic, Midnight, Emerald, Aqua, Sharp, Pill, Flat, Navy, Sage, Noir, Coral Pop">
  <img src="https://mintcdn.com/scanova-api/q8t3kzcRTgAP7jV0/images/v2/page-builder/themes/preset-themes-page1.png?fit=max&auto=format&n=q8t3kzcRTgAP7jV0&q=85&s=c4d5f9eee75f3ce0e2f6e093e78e9c69" alt="Onglet Presets du sélecteur de thèmes, page 1, montrant 12 cartes de thème prédéfini avec des échantillons de couleur et des noms" width="1440" height="1200" data-path="images/v2/page-builder/themes/preset-themes-page1.png" />
</Frame>

<Frame caption="Thèmes prédéfinis, page 2 sur 2 — Terracotta Craft, Cobalt Tech, Blush Romance, Charcoal Editorial, Mint Festive, Aurora Pulse, Prism Glass, Frosted, Legacy">
  <img src="https://mintcdn.com/scanova-api/q8t3kzcRTgAP7jV0/images/v2/page-builder/themes/preset-themes-page2.png?fit=max&auto=format&n=q8t3kzcRTgAP7jV0&q=85&s=07671aab459b8ca50e4d0f32a5c139d8" alt="Onglet Presets du sélecteur de thèmes, page 2, montrant les 9 cartes de thème prédéfini restantes avec des échantillons de couleur et des noms" width="1440" height="1200" data-path="images/v2/page-builder/themes/preset-themes-page2.png" />
</Frame>

| Page | Thèmes prédéfinis                                                                                                          |
| ---- | -------------------------------------------------------------------------------------------------------------------------- |
| 1    | Modern, Classic, Midnight, Emerald, Aqua, Sharp, Pill, Flat, Navy, Sage, Noir, Coral Pop                                   |
| 2    | Terracotta Craft, Cobalt Tech, Blush Romance, Charcoal Editorial, Mint Festive, Aurora Pulse, Prism Glass, Frosted, Legacy |

<Warning>
  Une documentation plus ancienne décrivait « dix thèmes prédéfinis » et citait **Royal, Retro, Sunset**, et **Mono Dark** parmi eux. Aucun de ces quatre n'existe dans le sélecteur actuel — le catalogue s'est depuis étendu à 21 préréglages, dont six (Modern, Classic, Midnight, Emerald, Navy, Aqua) proviennent des dix d'origine.
</Warning>

Cliquez sur n'importe quelle carte de thème pour l'appliquer. Le canevas se met à jour immédiatement, ce qui vous permet de comparer les thèmes sans quitter l'éditeur.

## Personnalisations de thème

Après avoir sélectionné un préréglage, cliquez sur **Customise** sur sa carte pour ouvrir un panneau où vous pouvez remplacer indépendamment n'importe quel token de design du thème sans modifier le préréglage de base. Le panneau est organisé en sept sections, dans cet ordre :

<Frame caption="Les sept sections rétractables du panneau Customise">
  <img src="https://mintcdn.com/scanova-api/q8t3kzcRTgAP7jV0/images/v2/page-builder/themes/customise-panel-sections.png?fit=max&auto=format&n=q8t3kzcRTgAP7jV0&q=85&s=d257440b7605620bfccb2f54c83a6c68" alt="Panneau Customise montrant sept sections rétractables : Color, Background, Typography, Shape, Surface, Effects, Spacing" width="1440" height="1200" data-path="images/v2/page-builder/themes/customise-panel-sections.png" />
</Frame>

### Color

Remplacez individuellement les tokens de couleur du thème : Background, Surface, Surface alt, Accent, Button text (accent foreground), Heading, Body, Muted, et Border. Chaque champ retombe sur la valeur du préréglage lorsqu'il est laissé vide.

### Background

Choisissez comment le fond de la page est rendu — un Color uni, un Gradient (angle et points de couleur), une Image (avec des contrôles d'ajustement et d'opacité), ou une Video (avec un contrôle d'opacité) — plus un effet de fond (voir [Effets animés](/fr/page-builder/animated-effects)).

**Block transparency** — lorsqu'un effet de fond est actif, ce curseur détermine à quel point la surface propre d'un bloc « Full width » s'estompe pour laisser apparaître l'effet en dessous. Il s'applique quel que soit le type de fond.

### Typography

Remplacez la famille de police séparément pour les titres, le texte de corps, et les libellés/boutons. Choisissez dans la liste de polices intégrées, ou saisissez le nom de n'importe quelle Google Font (par exemple `Montserrat` ou `Roboto`) pour l'utiliser à la place de la pile par défaut du préréglage.

<Note>
  Les remplacements de police ici s'appliquent à tout bloc qui n'a pas son propre réglage de police par bloc. La police de l'[onglet Design](/fr/page-builder/design-options) propre à un bloc, lorsqu'elle est définie, est prioritaire sur ce remplacement au niveau du thème.
</Note>

### Shape

Remplacez le rayon d'angle indépendamment pour les boutons, les cartes, les images, et les champs de saisie.

### Surface

Remplacez l'ombre et le style de surface utilisés pour les cartes et les blocs surélevés, y compris un contrôle **Card material** (Preset default / Card / Subtle / Elevated) aux côtés du contrôle de variante d'ombre.

<Note>
  Cette section s'appelait auparavant « Shadow » dans une documentation plus ancienne. Elle est désormais nommée **Surface** et expose aussi un contrôle Card material en plus de la variante d'ombre. Les mêmes tokens Card Surface et Shadow peuvent être remplacés par bloc — voir [Options de design](/fr/page-builder/design-options).
</Note>

### Effects

Définissez les effets par défaut de fond, de carte et de bouton à l'échelle du thème. Voir [Effets animés](/fr/page-builder/animated-effects) pour le catalogue complet.

### Spacing

Contrôlez l'espace de respiration utilisé par la page.

* **Space between blocks** — l'espace vertical qui sépare chaque bloc sur la page.
* **Spacing scale** — un curseur qui rend tout l'espacement de la page plus compact ou plus généreux à la fois (espaces, marge intérieure des cartes, espacement entre les blocs) sans changer la taille du texte. Laissez-le à la valeur par défaut pour la densité du thème, ou ajustez-le pour une mise en page plus aérée ou plus dense.

## Mode sombre et clair

Les thèmes sont définis avec une palette de couleurs fixe — ils ne basculent pas automatiquement entre le mode sombre et le mode clair selon la préférence de l'appareil du visiteur. Si vous voulez une page sombre, choisissez un préréglage sombre (par exemple Midnight ou Noir) ou définissez une couleur de fond sombre à l'aide du remplacement.

## Personnalisations de design par bloc

En plus des thèmes au niveau de la page, de nombreux blocs ont leur propre onglet Design dans l'inspecteur où vous pouvez remplacer les couleurs, les polices, et le style de carte pour ce bloc uniquement. Voir [Options de design](/fr/page-builder/design-options) pour plus de détails.

## Réinitialiser les personnalisations

Pour supprimer un remplacement et revenir à la valeur par défaut du thème, videz le champ dans le panneau Customise. Un champ vide indique à la page d'utiliser la valeur du thème.

## Voir aussi

* [Options de design](/fr/page-builder/design-options) — les remplacements par bloc des mêmes tokens définis ici.
* [Effets animés](/fr/page-builder/animated-effects) — les effets de fond, de carte et de bouton définis depuis la section Effects.
* [Présentation du Page Builder](/fr/page-builder/overview) — où se trouve le bouton Theme dans l'en-tête de l'éditeur.
