Utiliser des thèmes de mise en forme personnalisés

Tableau est livré avec de nombreuses options de mise en forme afin que vous puissiez personnaliser vos visualisations et tableaux de bord en fonction de vos besoins. Si vous appliquez la même mise en forme à de nombreux classeurs ou si vous disposez de polices et de couleurs spéciales convenant mieux à votre entreprise, vous pouvez utiliser un thème de mise en forme personnalisé afin de gagner du temps. Les thèmes personnalisés appliquent rapidement vos choix de mise en forme à l’ensemble du classeur Tableau.

Vous pouvez ajouter un thème personnalisé à votre classeur Tableau en important un fichier JSON qui spécifie vos choix de mise en forme. De même, si vous consultez un classeur et que vous souhaitez utiliser le même thème sur un autre classeur, vous pouvez exporter le fichier de thème personnalisé.

Remarque : cette fonctionnalité est disponible uniquement dans Tableau Desktop 2025.1.

Importer un thème personnalisé

  1. Ouvrez Tableau Desktop et créez une feuille de calcul.

  2. Dans la barre d’outils, sélectionnez Format.

  3. Sélectionnez Importer un thème personnalisé…

    Un menu de format avec sélection de l’option « Importer un thème personnalisé ».

  4. Sélectionnez un fichier JSON à importer et sélectionnez Ouvrir.

    Une boîte de dialogue apparaît avec des options permettant de remplacer ou conserver toutes les modifications de mise en forme existantes que vous avez apportées.

    Une boîte de dialogue offrant le choix d’utiliser un thème personnalisé pour remplacer ou bien conserver la mise en forme actuelle.

    Avant d’importer le thème personnalisé, vous pouvez choisir que ce thème remplace toutes les modifications de mise en forme apportées à votre classeur Tableau. Vous pouvez également choisir de conserver les modifications apportées via le volet de mise en forme avant d’importer le thème personnalisé.

    Remarque : si vous optez pour le remplacement des modifications apportées à la mise en forme existante par le thème personnalisé, ce dernier remplacera uniquement les modifications de style que vous avez incluses dans le fichier JSON. Il ne remplacera pas non plus les modifications de style apportées via l’éditeur de texte enrichi.

    Remplacer : le fichier de thème personnalisé remplacera toute mise en forme apportée à votre classeur Tableau.

    Conserver : le fichier de thème personnalisé conservera toute mise en forme effectuée sur votre classeur Tableau.

  5. Sélectionnez Remplacer ou Conserver.

Votre thème personnalisé importe la mise en forme et l’applique à votre classeur.

Exporter un thème personnalisé

Vous pouvez exporter un thème personnalisé de deux manières : vous pouvez exporter le fichier de thème personnalisé ou exporter un classeur auquel un thème personnalisé a été appliqué. Lorsque vous exportez un thème, le fichier d’exportation inclut les choix de mise en forme effectués sur la feuille de calcul que vous avez sélectionnée. Par exemple, si vous avez des choix de mise en forme différents sur deux feuilles de calcul différentes au sein d’un classeur, le fichier de thème personnalisé que vous exportez reflétera les choix de mise en forme sur la feuille de calcul sélectionnée lors de l’exportation du fichier. Seuls les éléments de style pris en charge et présents dans le fichier de thème personnalisé seront exportés.

Exporter un fichier JSON contenant un thème personnalisé

  1. Dans la barre d’outils, sélectionnez Format.

  2. Sélectionnez Exporter un thème personnalisé…

    Un menu de format avec sélection de l’option « Exporter un thème personnalisé ».

  3. Accédez au dossier dans lequel vous souhaitez enregistrer le fichier de thème personnalisé et appuyez sur Enregistrer.

Le fichier de thème personnalisé est maintenant disponible localement. Vous pouvez importer ce fichier et l’utiliser avec d’autres classeurs.

Exporter un classeur auquel un thème personnalisé a été appliqué

  1. Dans la barre d’outils d’une feuille de calcul, sélectionnez Fichier et puis choisissez Enregistrer sous.

    Vous pouvez aussi sélectionner l’option Exporter le classeur complet.

  2. Enregistrez le classeur sous forme de fichier .twb ou .twbx.

Lorsque vous rouvrez le classeur dans Tableau, le thème personnalisé est appliqué.

Créer le fichier de thème JSON

C’est dans un fichier JSON que les styles de votre thème personnalisé sont définis. Vous pouvez créer un fichier à l’aide de votre éditeur de texte préféré, en veillant à inclure les éléments de style souhaités pour votre thème personnalisé. Utilisez le fichier d’exemple comme modèle pour créer votre fichier.

Il existe de nombreuses ressources tierces qui peuvent vous aider à valider votre fichier, telles que https://www.jsonschemavalidator.net.

Téléchargez le fichier de schéma JSON nécessaire pour valider votre fichier de thème ici.

Éléments à inclure dans le fichier de thème personnalisé

Votre fichier de thème personnalisé doit contenir une version, un thème de base, des éléments de style, des attributs de style et des choix de mise en forme.

Version

La première ligne du fichier de thème personnalisé doit contenir la version. Depuis Tableau 25.1, le numéro de version est 1.0.0 et la ligne doit se présenter comme suit : "version": "1.0.0".

Il se peut que le numéro de version soit mis à jour dans les futures versions de Tableau.

Thème de base

La deuxième entrée du fichier de thème personnalisé doit contenir le thème de base. Le thème de base correspond aux thèmes de classeurs existants disponibles dans Tableau et est basé sur différentes versions de Tableau Desktop. Tous les styles de mise en forme spécifiés dans le fichier de thème json seront appliqués en plus du thème de base.

Thème de baseCorrespond àEntrée dans le fichier de thème
LisseTableau Desktop à partir de la version 10.x"base-theme": "smooth"
ClairTableau Desktop versions 8.0.x – 9.3.x"base-theme": "clean"
ModerneTableau Desktop versions 3.5 – 7.0"base-theme": "modern"
ClassiqueTableau Desktop versions 1.0 – 3.2"base-theme": "classic"

Pour plus d’informations sur les thèmes du classeur, consultez Mettre à niveau ou modifier le thème de votre classeur (Tableau Desktop uniquement)

Éléments de style

Les éléments de style spécifient à quel niveau les choix de mise en forme seront appliqués, par exemple toutes les polices, les titres de filtres ou simplement les polices d’infobulle. Consultez le tableau des éléments de style pour obtenir la liste des éléments que vous avez la possibilité de spécifier.

Attributs de style

Les attributs de style spécifient la partie de l’élément de style à laquelle vous souhaitez appliquer les choix de mise en forme, par exemple font-color et font-size pour l’élément de style « all ».

Pensez à vérifier la liste des attributs de l’élément de style que vous utilisez. Par exemple, l’élément de style hightlighter prend en charge un attribut de style de couleur d’arrière-plan, mais ce n’est pas le cas pour l’élément highlighter-title.

Choix de mise en forme

Les choix de mise en forme spécifient ce que vous souhaitez appliquer à l’élément de style et à l’attribut de style, par exemple une couleur de police, une famille de polices et une taille de police. Vous devez entrer le choix de mise en forme sous forme de chaîne ou d’entier, selon l’attribut de style. Les couleurs doivent être saisies sous forme de code couleur hexadécimal, tel que #FF0000.

Une entrée de type chaîne contient du texte.

Une entrée de type entier contient des nombres entiers.

Exemple de fichier de thème personnalisé

Copier
{   "version": "1.0.0",
    "base-theme": "smooth",
    "styles": {
        "all": {
            "font-color": "#d16302",
            "font-family": "Tableau Bold"
        },
        "worksheet": {
            "font-color": "#d16302",
            "font-family": "Tableau Bold",
            "font-size": 14
        },
        "worksheet-title": {
            "font-color": "#d16302",
            "font-family": "Tableau Bold",
            "font-size": 14
        },
        "view": {
            "background-color": "#ffb370"
        }
    }
}

Éléments de style pris en charge avec les thèmes personnalisés

Ce tableau contient une liste des éléments de style pris en charge ainsi que leurs attributs de style pris en charge correspondants. Bien que tous les éléments de style disponibles dans Tableau ne soient pas pris en charge actuellement pour les thèmes personnalisés, nous ajouterons davantage d’éléments de style dans les prochaines versions. Lorsque vous importez un fichier de thème personnalisé, ses éléments de style s’appliquent à toutes les feuilles de calcul du classeur.

Élément de styleDescriptionAttributs de styleType d’entréeChoix de mise en forme
allMet en forme toutes les polices dans tout le classeur.font-colorChaîneChaîne qui suit le format d’un code couleur hexadécimal, tel que #FF0000.
font-familyChaîneChaîne d’une longueur maximale de 50 caractères.
worksheetMet en forme la police par défaut de la feuille de calcul.font-colorChaîneChaîne qui suit le format d’un code couleur hexadécimal, tel que #FF0000.
font-familyChaîneChaîne d’une longueur maximale de 50 caractères.
font-sizeEntierEntier affichant une valeur minimale de 1 et une valeur maximale de 99.
worksheet-titleMet en forme la police du titre de la feuille de calcul.font-colorChaîneChaîne qui suit le format d’un code couleur hexadécimal, tel que #FF0000.
font-familyChaîneChaîne d’une longueur maximale de 50 caractères.
font-sizeEntierEntier affichant une valeur minimale de 1 et une valeur maximale de 99.
tooltipMet en forme la police de l’infobulle.font-colorChaîneChaîne qui suit le format d’un code couleur hexadécimal, tel que #FF0000.
font-familyChaîneChaîne d’une longueur maximale de 50 caractères.
font-sizeEntierEntier affichant une valeur minimale de 1 et une valeur maximale de 99.
dashboard-titleMet en forme le titre du tableau de bord.font-colorChaîneChaîne qui suit le format d’un code couleur hexadécimal, tel que #FF0000.
font-familyChaîneChaîne d’une longueur maximale de 50 caractères.
font-sizeEntierEntier affichant une valeur minimale de 1 et une valeur maximale de 99.
font-weightChaîneChaîne spécifiée comme normal ou bold.
story-titleMet en forme la police du titre de l’histoire.font-colorChaîneChaîne qui suit le format d’un code couleur hexadécimal, tel que #FF0000.
font-familyChaîneChaîne d’une longueur maximale de 50 caractères.
font-sizeEntierEntier affichant une valeur minimale de 1 et une valeur maximale de 99.
headerMet en forme la police d’en-tête.font-colorChaîneChaîne qui suit le format d’un code couleur hexadécimal, tel que #FF0000.
font-familyChaîneChaîne d’une longueur maximale de 50 caractères.
legendMet en forme la police du corps de la légende et la couleur d’arrière-plan.font-colorChaîneChaîne qui suit le format d’un code couleur hexadécimal, tel que #FF0000.
font-familyChaîneChaîne d’une longueur maximale de 50 caractères.
font-sizeEntierEntier affichant une valeur minimale de 1 et une valeur maximale de 99.
background-colorChaîneChaîne qui suit le format d’un code couleur hexadécimal, tel que #FF0000. Cet élément prend également en charge deux chiffres supplémentaires pour la transparence, tels que #FF000080.
legend-titleMet en forme la police du titre de la légende sur toutes les feuilles de calcul.font-colorChaîneChaîne qui suit le format d’un code couleur hexadécimal, tel que #FF0000.
font-familyChaîneChaîne d’une longueur maximale de 50 caractères.
font-sizeEntierEntier affichant une valeur minimale de 1 et une valeur maximale de 99.
filterMet en forme la police du corps du filtre et la couleur d’arrière-plan sur toutes les feuilles de calcul.font-colorChaîneChaîne qui suit le format d’un code couleur hexadécimal, tel que #FF0000.
font-familyChaîneChaîne d’une longueur maximale de 50 caractères.
font-sizeEntierEntier affichant une valeur minimale de 1 et une valeur maximale de 99.
background-colorChaîneChaîne qui suit le format d’un code couleur hexadécimal, tel que #FF0000. Cet élément prend également en charge deux chiffres supplémentaires pour la transparence, tels que #FF000080.
filter-titleMet en forme la police du titre du filtre sur toutes les feuilles de calcul.font-colorChaîneChaîne qui suit le format d’un code couleur hexadécimal, tel que #FF0000.
font-familyChaîneChaîne d’une longueur maximale de 50 caractères.
font-sizeEntierEntier affichant une valeur minimale de 1 et une valeur maximale de 99.
parameter-ctrlMet en forme la police du corps du paramètre et la couleur d’arrière-plan sur toutes les feuilles de calcul.font-colorChaîneChaîne qui suit le format d’un code couleur hexadécimal, tel que #FF0000.
font-familyChaîneChaîne d’une longueur maximale de 50 caractères.
font-sizeEntierEntier affichant une valeur minimale de 1 et une valeur maximale de 99.
background-colorChaîneChaîne qui suit le format d’un code couleur hexadécimal, tel que #FF0000. Cet élément prend également en charge deux chiffres supplémentaires pour la transparence, tels que #FF000080.
parameter-ctrl-titleMet en forme la police du titre de contrôle des paramètres sur toutes les feuilles de calcul.font-colorChaîneChaîne qui suit le format d’un code couleur hexadécimal, tel que #FF0000.
font-familyChaîneChaîne d’une longueur maximale de 50 caractères.
font-sizeEntierEntier affichant une valeur minimale de 1 et une valeur maximale de 99.
highlighterMet en forme la police du corps du surligneur et la couleur d’arrière-plan sur toutes les feuilles de calcul.font-colorChaîneChaîne qui suit le format d’un code couleur hexadécimal, tel que #FF0000.
font-familyChaîneChaîne d’une longueur maximale de 50 caractères.
font-sizeEntierEntier affichant une valeur minimale de 1 et une valeur maximale de 99.
background-colorChaîneChaîne qui suit le format d’un code couleur hexadécimal, tel que #FF0000. Cet élément prend également en charge deux chiffres supplémentaires pour la transparence, tels que #FF000080.
highlighter-titleMet en forme la police du titre de contrôle du surligneur sur toutes les feuilles de calcul.font-colorChaîneChaîne qui suit le format d’un code couleur hexadécimal, tel que #FF0000.
font-familyChaîneChaîne d’une longueur maximale de 50 caractères.
font-sizeEntierEntier affichant une valeur minimale de 1 et une valeur maximale de 99.
page-ctrl-titleMet en forme la police du titre de la fiche Page sur toutes les feuilles de calcul.font-colorChaîneChaîne qui suit le format d’un code couleur hexadécimal, tel que #FF0000.
font-familyChaîneChaîne d’une longueur maximale de 50 caractères.
gridlineMet en forme les lignes de la grille sur une vue.line-visibilityChaîneChaîne spécifiée comme on ou off.
line-patternChaîneChaîne spécifiée comme dotted, dashed ou solid.
line-widthEntierEntier affichant une valeur minimale de 1 et une valeur maximale de 99.
line-colorChaîneChaîne qui suit le format d’un code couleur hexadécimal, tel que #FF0000. Cet élément prend également en charge deux chiffres supplémentaires pour la transparence, tels que #FF000080.
zerolineMet en forme la ligne zéro sur une vue.line-visibilityChaîneChaîne spécifiée comme on ou off.
line-patternChaîneChaîne spécifiée comme dotted, dashed ou solid.
line-widthEntierEntier affichant une valeur minimale de 1 et une valeur maximale de 99.
line-colorChaîneChaîne qui suit le format d’un code couleur hexadécimal, tel que #FF0000. Cet élément prend également en charge deux chiffres supplémentaires pour la transparence, tels que #FF000080.
markMet en forme la couleur d’un repère sur une vue.mark-colorChaîneChaîne qui suit le format d’un code couleur hexadécimal, tel que #FF0000.
viewMet en forme la couleur d’arrière-plan d’une vue. ChaîneChaîne qui suit le format d’un code couleur hexadécimal, tel que #FF0000.

Résoudre les problèmes d’importation des fichiers de thème personnalisé

Certains de mes éléments de style ne sont pas appliqués

Type de police non valide
La mise en forme a été appliquée via l’éditeur de texte enrichi

Impossible d’importer le fichier de thème

Le fichier de thème contient une erreur
Le fichier de thème est trop volumineux
Le chemin du fichier de thème est trop long