# Styles, couleurs personnalisées et thèmes JSON : habiller tous les visuels Plume d'un coup

> La carte Style commune à tous les visuels Plume Studio : 20 styles complets, des couleurs personnalisées gratuites pour sortir du style, et un thème JSON pour appliquer votre charte graphique partout.

- Language: French
- Web page: https://plumevisuals.com/fr/tutoriels/themes-json
- Published: 2026-10-09

Tous les visuels Plume Studio (Table Plume, Bar Plume, Ridgeline Plume, Map Plume, Bar Slicer Plume…) ont la **même carte Style** dans le volet Format, juste sous la carte **Licence Plume Studio**. Elle a quatre groupes, dans le même ordre :

| Partie | À quoi elle sert |
|---|---|
| **Style** | Un habillage complet prêt à l'emploi : couleurs, trois palettes, polices, cadre, en-tête des tableaux, remplissage des barres, effets. Puis **Thème JSON ★**, **Suivre le thème du rapport** et **Inverser les dégradés**. |
| **Couleurs personnalisées** | L'interrupteur **Personnaliser les couleurs** : partez du style et choisissez vous-même le fond, le texte, l'accent, les séries, le dégradé. Gratuit. |
| **Texte**, **Animations** | La police (et, dans les segments, la taille du texte et la densité), puis les animations. |

Le fond dessiné par le visuel, la bordure, les coins arrondis et l'ombre sont dans la carte **Cadre** (voir [les cartes communes](/fr/tutoriels/bien-demarrer-visuels-plume#cadre)). Dans les segments, il n'y a pas d'interrupteur **Inverser les dégradés**.

Choisissez le même **Style** (ou collez le même **Thème JSON**) dans chaque visuel d'une page : ils s'accordent automatiquement.

## 1. Choisir un style

| Style | Ambiance | Offre |
|---|---|---|
| *Aucun* | Le rendu par défaut de chaque visuel | gratuit |
| *Minimal* | Ardoise et une seule couleur vive, aucun trait superflu | gratuit |
| *Noir et blanc* | Zéro couleur : noir, gris et hachures, parfait pour l'impression | gratuit |
| *Journal* | Papier journal, encre noire, filet double, petites capitales, un rouge d'accent | ★ |
| *Vintage (planche ancienne)* | Parchemin, sépia, indigo et feuille d'or, texture papier | ★ |
| *Terre* | Terre cuite, olive, ocre et sable | ★ |
| *Nordique* | Bleu glacier, blanc froid, une touche de framboise | ★ |
| *Direction* | Le rapport de comité de direction : marine, sarcelle, en-tête plein | ★ |
| *Accessible (lisibilité)* | Okabe-Ito et Cividis (daltonisme), contrastes forts | ★ |
| *Pastel* | Teintes douces, angles très arrondis, en-tête en pilule | ★ |
| *Bauhaus (pop)* | Rouge, bleu, jaune primaires, contours noirs épais, ombre dure | ★ |
| *Climat* | Bandes de réchauffement, bleus contre rouges | ★ |
| *Plan d'architecte* | Papier bleu, quadrillage, traits en tirets, police machine | ★ |
| *Unknown Pleasures* | Lignes blanches sur noir absolu | ★ |
| *Graphite (sombre)* | Anthracite chaud, cartes surélevées, accent corail | ★ |
| *Néon* | Nuit indigo, magenta et cyan, lueur, barres en dégradé | ★ |
| *Terminal (Matrix)* | Écran phosphore vert, police à chasse fixe, lignes de balayage | ★ |
| *Infographie* | Ardoise nuit, orange, rose, violet, cyan, barres en pilule | ★ |
| *Cockpit (HUD)* | Vert sapin presque noir, menthe, corail, ambre, barres segmentées | ★ |
| *Hologramme* | Bleu abyssal, cyan électrique, remplissages translucides et lueur | ★ |

Chaque style porte **trois palettes** : une pour les séries (barres, courbes, catégories), une pour les dégradés (carte de chaleur, Ridgeline, Map Plume) et une pour les écarts (évolutions, au-dessus ou en dessous de l'objectif). Il règle aussi les couleurs *favorable* et *défavorable* des KPI, du Waterfall et du Gantt.

Chaque visuel adapte le style à sa forme : dans **Table Plume**, *Direction* pose un en-tête plein et des lignes alternées, *Journal* un filet double et des petites capitales, *Terminal* des en-têtes « > colonne » en minuscules ; dans **Bar Plume**, *Néon* dessine des barres en dégradé, *Noir et blanc* des hachures, *Bauhaus* des contours ; dans **Ridgeline Plume**, *Terminal* trace des lignes de crête vertes lumineuses.

> **Tip:** Un réglage que vous avez modifié à la main (par exemple la couleur des étiquettes) **reste prioritaire** sur le style. Pour revenir à la couleur du style, remettez ce réglage à sa valeur par défaut (réinitialisation de la carte dans le volet Format).

## 2. Sortir du style : les couleurs personnalisées (gratuit)

Activez **Style › Couleurs personnalisées › Personnaliser les couleurs**. Chaque case affiche la couleur du style en cours : changez seulement celles que vous voulez, les autres continuent de suivre le style.

| Couleur | Ce qu'elle change |
|---|---|
| **Fond**, **Texte**, **Texte secondaire**, **Traits et grille** | Le fond du visuel, les titres et valeurs, les axes et notes, les traits |
| **Accent** | Sélection, curseur, boutons, liens, barres de données |
| **Favorable**, **Défavorable** | Écarts positifs et négatifs (▲ ▼), statuts du Gantt |
| **Série 1** à **Série 8** | Les couleurs des séries et des catégories, dans l'ordre |
| **Palette du dégradé** | Un dégradé du catalogue : *Viridis*, *Magma*, *Inferno*, *Cividis*, *Warming stripes*, *Spectral*… (les palettes *Plume* sont gratuites) |
| **Dégradé : début**, **milieu (écarts)**, **fin** | Votre propre dégradé, appliqué en dernier : il remplace les extrémités de la palette choisie. Avec un milieu, il devient divergent : centré sur zéro quand les valeurs passent de négatives à positives. Les couleurs des séries ne changent pas |

Dans les segments, une couleur de plus : **Fond des barres**.

Pour revenir au style, coupez l'interrupteur : les couleurs ci-dessus sont alors ignorées, **sauf la Palette du dégradé** (et, dans Ridgeline Plume et Map Plume, les couleurs 1 à 5 de la palette *Personnalisée*), qui reste appliquée. Pour la retirer, choisissez *Palette du style ou du thème*. Une case remise à vide (réinitialisation) reprend la couleur du style.

> **Note:** Les couleurs personnalisées sont **gratuites**, même sur un style ★ : seul le style ★ affiche alors le filigrane « Aperçu premium ».

## 3. Coller un thème JSON

Un thème JSON décrit votre charte dans un petit texte. Copiez un exemple ci-dessous, adaptez-le, puis collez-le dans **Style › Thème JSON ★**. Tous les champs sont facultatifs : ne mettez que ce que vous voulez changer.

Plus simple : composez votre charte dans le [kit de marque](/fr/kit-de-marque). Vous choisissez couleurs, polices et palettes, les vrais visuels se mettent à jour en direct, et la page écrit le JSON pour vous.

Le format **v2** range les réglages par groupes et part d'un style avec `extends` :

```json
{
  "name": "Charte Acme",
  "extends": "executive",
  "colors": { "accent": "#C81D25", "positive": "#1E7A4F", "negative": "#C81D25" },
  "palettes": {
    "categorical": ["#0B3954", "#087E8B", "#BFD7EA", "#FF5A5F", "#C81D25"],
    "sequential": "viridis",
    "diverging": ["#0B3954", "#F2F2F2", "#C81D25"]
  },
  "typography": { "fontFamily": "Segoe UI", "numberFamily": "Bahnschrift", "headerCase": "upper", "letterSpacing": 0.06 },
  "shape": { "radius": 4, "borderStyle": "solid", "shadow": "soft" },
  "table": { "header": "filled", "headerBackground": "#0B3954", "headerColor": "#FFFFFF", "banding": true },
  "marks": { "fill": "solid", "barRadius": 2, "lineWidth": 2, "curve": "smooth" },
  "effects": { "glow": false, "texture": "none" }
}
```

| Groupe | Champ | Valeurs |
|---|---|---|
| — | `extends` (ou `style`) | identifiant d'un des 20 styles : `none`, `minimal`, `blackWhite`, `press`, `vintage`, `earth`, `nordic`, `executive`, `accessible`, `pastel`, `bauhaus`, `climate`, `blueprint`, `unknownPleasures`, `dark`, `neon`, `terminal`, `infographic`, `cockpit`, `hologram` |
| `colors` | `background`, `background2` | couleur, ou `null` / `"transparent"` (fond transparent) ; `background` accepte aussi `"none"` : visuel sans fond (voir plus bas) |
| | `surface` | cartes KPI, en-têtes, cellules mises en avant |
| | `foreground`, `muted`, `grid`, `stroke` | texte, texte secondaire, traits, contours |
| | `accent`, `accent2` | accent, second accent (lueur) |
| | `positive`, `negative` | favorable, défavorable |
| `palettes` | `categorical` | 2 à 12 couleurs, ou identifiant de palette |
| | `sequential` | 2 à 12 couleurs, ou identifiant (`viridis`, `magma`, `inferno`, `cividis`… ; dans Map Plume aussi `sepia`, `hypso`, `parchment`) |
| | `diverging` | 3 à 12 couleurs (milieu neutre), ou identifiant |
| | `reverse` | `true` / `false` : inverser les dégradés (s'ajoute à l'interrupteur « Inverser les dégradés » : l'un ou l'autre suffit) |
| `typography` | `fontFamily`, `titleFamily`, `numberFamily` | police du texte, des titres, des chiffres |
| | `headerCase` | `none`, `upper`, `smallcaps`, `italic`, `prompt` (en-têtes « > colonne ») |
| | `headerWeight`, `letterSpacing` | 100 à 900 ; 0 à 0,3 (em) |
| `shape` | `radius` | 0 à 24 |
| | `border`, `borderWidth`, `borderStyle`, `borderColor` | `true`/`false` ; 0 à 4 ; `solid`, `dashed`, `dotted`, `double` ; couleur |
| | `shadow` | `none`, `soft`, `hard` (ombre décalée), `glow` (lueur) |
| `table` | `header` | `plain`, `rule`, `thickRule`, `double`, `filled`, `pill`, `ticks`, `stripes` |
| | `headerBackground`, `headerColor` | couleurs de l'en-tête `filled` |
| | `banding`, `rowLines`, `colLines` | `true`/`false` ; `solid`, `dashed`, `dotted`, `none` ; `true`/`false` |
| `marks` | `fill` | `solid`, `gradient`, `outlined`, `glass`, `hatch`, `halftone`, `segmented` |
| | `barRadius`, `lineWidth`, `curve`, `markers`, `outline` | 0 à 99 (99 = pilule) ; 0,5 à 6 ; `linear`, `smooth`, `step` ; `true`/`false` ; `none`, `auto` |
| `effects` | `glow`, `glowColor`, `texture` | `true`/`false` ; couleur ; `none`, `paper`, `halftone`, `grid`, `scanlines`, `stripes` |

Les couleurs s'écrivent en hexadécimal : `#B8462A` (aussi `#RGB` et `#RRGGBBAA`, dont l'opacité est ignorée). Une valeur hors liste ou hors bornes est ramenée à la borne la plus proche ou ignorée.

### L'ancien format (v1) reste accepté

```json
{ "style": "nordic", "palette": ["#0b3954", "#087e8b", "#ff5a5f"], "accent": "#c81d25", "background": null, "radius": 0 }
```

Les champs à plat (`accent`, `foreground`, `muted`, `grid`, `stroke`, `background`, `background2`, `fontFamily`, `radius`, `border`) et `palette` (liste de couleurs ou identifiant) fonctionnent toujours.

### Exemple : seulement votre couleur d'accent

```json
{ "colors": { "accent": "#0057B8" } }
```

### Exemple : un mode sombre sur mesure, à partir de Graphite

```json
{
  "extends": "dark",
  "colors": { "background": "#0f172a", "surface": "#1e293b", "accent": "#38bdf8" },
  "palettes": { "categorical": ["#38bdf8", "#f472b6", "#facc15", "#4ade80"] },
  "effects": { "glow": true }
}
```

### Exemple : un visuel sans fond, posé sur la page

```json
{ "extends": "minimal", "noBackground": true }
```

`"noBackground": true` (ou `"background": "none"`, à plat ou dans `colors`) rend le visuel **entièrement transparent** : pas de fond, pas de carte (`surface`), pas de bordure ni d'ombre. Le visuel se pose directement sur la couleur ou l'image de la page. `"background": null` ou `"transparent"` retire seulement le fond et garde la bordure et l'ombre du style.

### Exemple : une carte en teintes hypsométriques (Map Plume)

```json
{ "extends": "nordic", "palettes": { "sequential": "hypso" } }
```

> **Note:** Le même texte fonctionne dans tous les visuels Plume : collez-le dans chacun d'eux pour harmoniser une page entière. Les champs qu'un visuel n'utilise pas sont simplement ignorés.

### Quels groupes chaque visuel utilise

| Groupe | Visuels concernés |
|---|---|
| `colors`, `typography`, `shape`, `effects` | tous les visuels ; le fond, la bordure, l'arrondi et l'ombre du thème remplissent la carte **Cadre** quand ses réglages sont restés à leur valeur par défaut (un réglage modifié à la main l'emporte) |
| `palettes.categorical` | les graphiques, cartes KPI et tableaux (séries, catégories) ; sans effet sur les segments |
| `palettes.sequential`, `palettes.diverging` | les visuels qui dessinent un dégradé ou des écarts (Ridgeline Plume, Map Plume, échelles de couleur de Table Plume et Matrix Plume…) |
| `table` | Table Plume et Matrix Plume |
| `marks` | les graphiques (barres, courbes, points, crêtes, carte) ; sans effet sur les segments |

Dans les segments (Bar Slicer, Basic Slicer, Filter Bar, Period, Range, Date Picker, Text Plume), le thème agit sur `background`, `foreground`, `muted`, `grid`, `accent`, `borderColor`, `glowColor`, les polices (`fontFamily`, `titleFamily`), `headerCase`, `letterSpacing`, le cadre (`radius`, `border`, `borderWidth`, `borderStyle`, `shadow`), `glow` et `texture`. Les palettes, `surface`, `background2`, `stroke`, `accent2`, `positive`, `negative` et `numberFamily` y sont sans effet (sauf l'ancienne `palette` en liste de couleurs sans `accent`, qui donne la couleur d'accent). La police, l'arrondi et le cadre du thème ne s'appliquent que si les réglages correspondants du volet Format sont restés à leur valeur par défaut.

## 4. Qui l'emporte ?

Les réglages s'appliquent dans cet ordre ; le dernier gagne :

1. les valeurs par défaut du visuel ;
2. le **Style** ;
3. le **Thème JSON** ;
4. la **Palette du dégradé** (si elle n'est pas *Palette du style ou du thème*) ;
5. **Suivre le thème du rapport** ;
6. les **Couleurs personnalisées** ;
7. les réglages que vous avez modifiés à la main dans les autres cartes ;
8. les formats pilotés par une formule DAX (bouton fx, champ « Format dynamique ») ;
9. le mode **contraste élevé** de Windows, toujours prioritaire pour l'accessibilité.

## 5. En cas de problème

- **« Thème JSON invalide : ignoré »** s'affiche en mode édition : le texte n'est pas un JSON correct. Vérifiez les guillemets droits `"` (pas « » ni “ ”), les virgules entre les champs et l'absence de virgule après le dernier champ. Le visuel garde son apparence en attendant.
- **Une couleur ne change pas** : elle est peut-être réglée à la main dans une autre carte (elle reste alors prioritaire), ou écrite dans un format non reconnu (`red`, `rgb(…)`) : utilisez `#RRGGBB`.
- **Une palette choisie dans un ancien rapport** : elle apparaît dans **Couleurs personnalisées › Palette du dégradé**, même interrupteur coupé ; choisissez *Palette du style ou du thème* pour revenir au style.
- **La police ne change pas** : elle doit être installée sur l'ordinateur de chaque lecteur du rapport. Les styles n'utilisent que des polices livrées avec Windows (Segoe UI, Bahnschrift, Consolas, Georgia, Times New Roman, Verdana, Arial) ; les polices web ne sont pas chargées (règle de certification Microsoft).

## Gratuit ou premium ?

Les styles *Aucun*, *Minimal* et *Noir et blanc*, les **Couleurs personnalisées**, les palettes *Plume* et **Suivre le thème du rapport** sont gratuits. Les autres styles, les autres palettes du dégradé et le **Thème JSON** sont des fonctions premium : sans clé de licence, ils fonctionnent avec un filigrane « Aperçu premium ». Une clé achetée sur [la page Tarifs](/fr/tarifs) le retire. Un style gratuit rend gratuites ses propres palettes : le dégradé gris de *Minimal* ne déclenche pas de filigrane.