Utiliser des thèmes de document dans vos compléments PowerPointUse document themes in your PowerPoint add-ins

Un thème Office est constitué, en partie, d’un jeu de polices et de couleurs visuellement assortis que vous pouvez appliquer à des présentations, des documents, des feuilles de calcul et des courriers électroniques. Pour appliquer ou personnaliser le thème d’une présentation dans PowerPoint, utilisez les groupes Thèmes et Variantes dans l’onglet Conception du ruban. PowerPoint affecte le thème Office par défaut à chaque nouvelle présentation vierge, mais vous pouvez choisir parmi les autres thèmes disponibles dans l’onglet Conception, télécharger des thèmes supplémentaires à partir d’Office.com, ou créer et personnaliser votre propre thème.An Office theme consists, in part, of a visually coordinated set of fonts and colors that you can apply to presentations, documents, worksheets, and emails. To apply or customize the theme of a presentation in PowerPoint, you use the Themes and Variants groups on Design tab of the ribbon. PowerPoint assigns a new blank presentation with the default Office Theme, but you can choose other themes available on the Design tab, download additional themes from Office.com, or create and customize your own theme.

OfficeThemes.css vous permet de concevoir des compléments coordonnés à PowerPoint de deux façons :Using OfficeThemes.css, helps you design add-ins that are coordinated with PowerPoint in two ways:

  • Dans les compléments de contenu pour PowerPoint. Utilisez les classes de thèmes du document d’OfficeThemes.css pour spécifier les polices et les couleurs correspondant au thème de la présentation dans laquelle votre contenu complément est inséré ; ces polices et couleurs seront mises à jour dynamiquement si un utilisateur modifie ou personnalise le thème de la présentation.In content add-ins for PowerPoint. Use the document theme classes of OfficeThemes.css to specify fonts and colors that match the theme of the presentation your content add-in is inserted into - and those fonts and colors will dynamically update if a user changes or customizes the presentation's theme.

  • Dans les compléments du volet Office pour PowerPoint. Utilisez les classes de thèmes de l’interface utilisateur Office d’OfficeThemes.css pour spécifier les mêmes polices et couleurs d’arrière-plan que celles utilisées dans l’interface utilisateur, de sorte que vos compléments du volet Office correspondent aux couleurs des volets Office intégrés ; ces couleurs seront mises à jour dynamiquement si un utilisateur modifie le thème de l’interface utilisateur Office.In task pane add-ins for PowerPoint. Use the Office UI theme classes of OfficeThemes.css to specify the same fonts and background colors used in the UI so that your task pane add-ins will match the colors of built-in task panes - and those colors will dynamically update if a user changes the Office UI theme.

Couleurs de thème de documentDocument theme colors

Chaque thème de document Office définit 12 couleurs. Dix de ces couleurs sont disponibles lorsque vous définissez la police, l’arrière-plan et d’autres paramètres de couleur dans une présentation grâce au sélecteur de couleurs.Every Office document theme defines 12 colors. Ten of these colors are available when you set font, background, and other color settings in a presentation with the color picker.

Palette de couleurs

Pour afficher ou personnaliser l’intégralité des 12 couleurs de thème dans PowerPoint, dans le groupe Variantes de l’onglet Conception, cliquez sur le menu déroulant Plus, puis choisissez Couleur > Personnaliser les couleurs pour afficher la boîte de dialogue Créer de nouvelles couleurs de thème.To view or customize the full set of 12 theme colors in PowerPoint, in the Variants group on the Design tab, click the More drop-down - then select Colors > Customize Colors to display the Create New Theme Colors dialog box.

Boîte de dialogue Créer de nouvelles couleurs de thème

Les quatre premières couleurs sont pour le texte et les arrière-plans. Un texte créé avec des couleurs claires sera toujours lisible sur les couleurs foncées, tandis qu’un texte créé avec des couleurs foncées sera toujours lisible sur les couleurs claires. Les six couleurs suivantes sont des couleurs d’accentuation qui sont toujours visibles sur les quatre couleurs d’arrière-plan potentielles. Les deux dernières couleurs sont pour les liens hypertexte et les liens hypertexte visités.The first four colors are for text and backgrounds. Text that is created with the light colors will always be legible over the dark colors, and text that is created with dark colors will always be legible over the light colors. The next six are accent colors that are always visible over the four potential background colors. The last two colors are for hyperlinks and followed hyperlinks.

Polices de thème de documentDocument theme fonts

Chaque thème de document Office définit également deux polices : une pour les titres et l’autre pour le corps de texte. PowerPoint utilise ces polices pour créer des styles de texte automatiques. En outre, les galeries Styles rapides pour le texte et WordArt utilisent ces mêmes polices de thème. Ces deux polices sont les deux premières proposées lorsque vous sélectionnez des polices avec le sélecteur de polices.Every Office document theme also defines two fonts -- one for headings and one for body text. PowerPoint uses these fonts to construct automatic text styles. In addition, Quick Styles galleries for text and WordArt use these same theme fonts. These two fonts are available as the first two selections when you select fonts with the font picker.

Sélecteur de polices

Pour afficher ou personnaliser les polices de thème dans PowerPoint, dans le groupe Variantes de l’onglet Conception, cliquez sur le menu déroulant Plus. Ensuite, sélectionnez Polices > Personnaliser les polices pour afficher la boîte de dialogue Créer de nouvelles polices de thème.To view or customize theme fonts in PowerPoint, in the Variants group on the Design tab, click the More drop-down - then select Fonts > Customize Fonts to display the Create New Theme Fonts dialog box.

Boîte de dialogue Créer de nouvelles polices de thème

Couleurs et polices de thème de l’interface utilisateur OfficeOffice UI theme fonts and colors

Office vous permet également de choisir entre plusieurs thèmes prédéfinis qui spécifient certaines des couleurs et des polices utilisées dans l’interface utilisateur de toutes les applications Office. Pour cela, utilisez le menu déroulant Fichier > Compte > Thème Office (dans toutes les applications Office).Office also lets you choose between several predefined themes that specify some of the colors and fonts used in the UI of all Office applications. To do that, you use the File > Account > Office Theme drop-down (from any Office application).

Liste déroulante de thèmes Office

OfficeThemes.css inclut des classes que vous pouvez utiliser dans vos compléments du volet Office pour PowerPoint afin qu’elles utilisent ces mêmes polices et couleurs. Cela vous permet de concevoir des compléments du volet Office dont l’apparence concorde avec celle des volets Office intégrés.OfficeThemes.css includes classes that you can use in your task pane add-ins for PowerPoint so they will use these same fonts and colors. This lets you design your task pane add-ins that match the appearance of built-in task panes.

Utilisation d’OfficeThemes.cssUsing OfficeThemes.css

En utilisant le fichier OfficeThemes.css avec vos compléments de contenu pour PowerPoint, vous pouvez coordonner l’apparence de votre complément avec le thème appliqué à la présentation avec laquelle elle est exécutée. En utilisant le fichier OfficeThemes.css avec vos compléments du volet Office pour PowerPoint, vous pouvez coordonner l’apparence de votre complément avec les polices et couleurs de l’interface utilisateur Office.Using the OfficeThemes.css file with your content add-ins for PowerPoint lets you coordinate the appearance of your add-in with the theme applied to the presentation it's running with. Using the OfficeThemes.css file with your task pane add-ins for PowerPoint lets you coordinate the appearance of your add-in with the fonts and colors of the Office UI.

Ajout du fichier OfficeThemes.css à votre projetAdding the OfficeThemes.css file to your project

Suivez la procédure suivante pour ajouter et référencer le fichier OfficeThemes.css dans votre projet complément.Use the following steps to add and reference the OfficeThemes.css file to your add-in project.

Pour ajouter le fichier OfficeThemes.css à votre projet Visual StudioTo add OfficeThemes.css to your Visual Studio project

Notes

Les étapes décrites dans cette procédure s’appliquent uniquement à Visual Studio 2015.The steps in this procedure only apply to Visual Studio 2015. Si vous utilisez Visual Studio 2019, le fichier OfficeThemes. CSS est créé automatiquement pour tous les nouveaux projets de complément PowerPoint que vous créez.If you are using Visual Studio 2019, the OfficeThemes.css file is created automatically for any new PowerPoint add-in projects that you create.

  1. Dans l’explorateur de solutions, cliquez avec le bouton droit de la souris sur le dossier Contenu dans le projet project_nameWeb, sélectionnez Ajouter et Feuille de style.In Solution Explorer, right-click the Content folder in the project_nameWeb project, choose Add, and then select Style Sheet.

  2. Nommez la nouvelle feuille de style OfficeThemes.Name the new style sheet OfficeThemes.

    Important

    Le nom de la feuille de style doit être OfficeThemes, sinon la fonctionnalité qui met à jour dynamiquement les polices et couleurs de complément lorsqu’un utilisateur modifie le thème ne fonctionnera pas.The style sheet must be named OfficeThemes, or the feature that dynamically updates add-in fonts and colors when a user changes the theme won't work.

  3. Supprimez la classe body par défaut (body {}) dans le fichier, et copiez-collez le code CSS suivant dans le fichier.Delete the default body class (body {}) in the file, and copy and paste the following CSS code into the file.

    /* The following classes describe the common theme information for office documents */ 
    
    /* Basic Font and Background Colors for text */ 
    .office-docTheme-primary-fontColor { color:#000000; } 
    .office-docTheme-primary-bgColor { background-color:#ffffff; } 
    .office-docTheme-secondary-fontColor { color: #000000; } 
    .office-docTheme-secondary-bgColor { background-color: #ffffff; } 
    
    /* Accent color definitions for fonts */ 
    .office-contentAccent1-color { color:#5b9bd5; } 
    .office-contentAccent2-color { color:#ed7d31; } 
    .office-contentAccent3-color { color:#a5a5a5; } 
    .office-contentAccent4-color { color:#ffc000; } 
    .office-contentAccent5-color { color:#4472c4; } 
    .office-contentAccent6-color { color:#70ad47; } 
    
    /* Accent color for backgrounds */ 
    .office-contentAccent1-bgColor { background-color:#5b9bd5; } 
    .office-contentAccent2-bgColor { background-color:#ed7d31; } 
    .office-contentAccent3-bgColor { background-color:#a5a5a5; } 
    .office-contentAccent4-bgColor { background-color:#ffc000; } 
    .office-contentAccent5-bgColor { background-color:#4472c4; } 
    .office-contentAccent6-bgColor { background-color:#70ad47; } 
    
    /* Accent color for borders */ 
    .office-contentAccent1-borderColor { border-color:#5b9bd5; } 
    .office-contentAccent2-borderColor { border-color:#ed7d31; } 
    .office-contentAccent3-borderColor { border-color:#a5a5a5; } 
    .office-contentAccent4-borderColor { border-color:#ffc000; } 
    .office-contentAccent5-borderColor { border-color:#4472c4; } 
    .office-contentAccent6-borderColor { border-color:#70ad47; } 
    
    /* links */ 
    .office-a { color: #0563c1; } 
    .office-a:visited { color: #954f72; } 
    
    /* Body Fonts */ 
    .office-bodyFont-eastAsian { } /* East Asian name of the Font */ 
    .office-bodyFont-latin { font-family:"Calibri"; } /* Latin name of the Font */ 
    .office-bodyFont-script { } /* Script name of the Font */ 
    .office-bodyFont-localized { font-family:"Calibri"; } /* Localized name of the Font. Corresponds to the default font of the culture currently used in Office.*/ 
    
    /* Headers Font */ 
    .office-headerFont-eastAsian { } 
    .office-headerFont-latin { font-family:"Calibri Light"; } 
    .office-headerFont-script { } 
    .office-headerFont-localized { font-family:"Calibri Light"; } 
    
    /* The following classes define font and background colors for Office UI themes. These classes should only be used in task pane add-ins */ 
    
    /* Basic Font and Background Colors for PPT */ 
    .office-officeTheme-primary-fontColor { color:#b83b1d; } 
    .office-officeTheme-primary-bgColor { background-color:#dedede; } 
    .office-officeTheme-secondary-fontColor { color:#262626; } 
    .office-officeTheme-secondary-bgColor { background-color:#ffffff; }
    
  4. Si vous utilisez un autre outil que Visual Studio pour créer votre complément, copiez le code CSS de l’étape 3 dans un fichier texte, en vous assurant que le fichier est enregistré sous le nom OfficeThemes.css.If you are using a tool other than Visual Studio to create your add-in, copy the CSS code from step 3 into a text file, making sure to save the file as OfficeThemes.css.

Référencement d’OfficeThemes.css dans les pages HTML de votre complémentReferencing OfficeThemes.css in your add-in's HTML pages

Pour utiliser le fichier OfficeThemes.css dans votre projet de complément, ajoutez une balise <link> référençant le fichier OfficeThemes.css à l’intérieur de la balise <head> des pages web (par exemple, un fichier .html, .aspx ou .php) qui implémentent l’interface utilisateur de votre complément au format suivant :To use the OfficeThemes.css file in your add-in project, add a <link> tag that references the OfficeThemes.css file inside the <head> tag of the web pages (such as an .html, .aspx, or .php file) that implement the UI of your add-in in this format:

<link href="<local_path_to_OfficeThemes.css>" rel="stylesheet" type="text/css" />

Pour effectuer cette opération dans Visual Studio, procédez comme suit.To do this in Visual Studio, follow these steps.

Pour référencer OfficeThemes.css dans votre complément PowerPointTo reference OfficeThemes.css in your add-in for PowerPoint

  1. Choisissez créer un nouveau projet.Choose Create a new project.

  2. À l’aide de la zone de recherche, entrez complément.Using the search box, enter add-in. Choisissez complément Web PowerPoint, puis cliquez sur suivant.Choose PowerPoint Web Add-in, then select Next.

  3. Nommez votre projet et sélectionnez créer.Name your project and select Create.

  4. Dans la fenêtre de la boîte de dialogue Créer un complément Office, choisissez Ajouter de nouvelles fonctionnalités à PowerPoint, puis sélectionnez Terminer pour créer le projet.In the Create Office Add-in dialog window, choose Add new functionalities to PowerPoint, and then choose Finish to create the project.

  5. Visual Studio crée une solution et ses deux projets apparaissent dans l’explorateur de solutions. Le fichier Home.html s’ouvre dans Visual Studio.Visual Studio creates a solution and its two projects appear in Solution Explorer. The Home.html file opens in Visual Studio.

  6. Dans les pages HTML qui implémentent l’interface utilisateur de votre complément, telles que Home.html dans le modèle par défaut, ajoutez la balise <link> suivante à l’intérieur de la balise <head> qui référence le fichier OfficeThemes.css :In the HTML pages that implement the UI of your add-in, such as Home.html in the default template, add the following <link> tag inside the <head> tag that references the OfficeThemes.css file:

    <link href="../../Content/OfficeThemes.css" rel="stylesheet" type="text/css" />
    

Si vous créez votre complément avec un outil autre que Visual Studio, ajoutez une balise <link> avec le même format spécifiant un chemin d’accès relatif vers la copie d’OfficeThemes.css qui sera déployée avec votre complément.If you are creating your add-in with a tool other than Visual Studio, add a <link> tag with the same format specifying a relative path to the copy of OfficeThemes.css that will be deployed with your add-in.

Utilisation de classes de thèmes de document OfficeThemes.css dans la page HTML de votre complément de contenuUsing OfficeThemes.css document theme classes in your content add-in's HTML page

Ci-dessous figure un exemple simple de code HTML dans une complément de contenu qui utilise les classes de thèmes de document OfficeTheme.css. Pour plus d’informations sur les classes OfficeThemes.css qui correspondent aux 12 couleurs et aux 2 polices utilisées dans un thème de document, voir Classes de thèmes pour les compléments de contenu.The following shows a simple example of HTML in a content add-in that uses the OfficeTheme.css document theme classes. For details about the OfficeThemes.css classes that correspond to the 12 colors and 2 fonts used in a document theme, see Theme classes for content add-ins.

<body>
    <div id="themeSample" class="office-docTheme-primary-fontColor ">
        <h1 class="office-headerFont-latin">Hello world!</h1> 
        <h1 class="office-headerFont-latin office-contentAccent1-bgColor">Hello world!</h1> 
        <h1 class="office-headerFont-latin office-contentAccent2-bgColor">Hello world!</h1> 
        <h1 class="office-headerFont-latin office-contentAccent3-bgColor">Hello world!</h1> 
        <h1 class="office-headerFont-latin office-contentAccent4-bgColor">Hello world!</h1> 
        <h1 class="office-headerFont-latin office-contentAccent5-bgColor">Hello world!</h1> 
        <h1 class="office-headerFont-latin office-contentAccent6-bgColor">Hello world!</h1> 
        <p class="office-bodyFont-latin office-docTheme-secondary-fontColor">Hello world!</p> 
    </div>
</body>

Lors de l’exécution, lorsque le complément de contenu est inséré dans une présentation qui utilise le thème Office par défaut, il est restitué comme suit.At runtime, when inserted into a presentation that uses the default Office Theme, the content add-in is rendered like this.

Application de contenu en cours d’exécution avec le thème Office

Si vous modifiez la présentation afin d’utiliser un autre thème ou de personnaliser le thème de la présentation, les polices et couleurs spécifiées avec des classes OfficeThemes.css sont mises à jour dynamiquement pour correspondre aux polices et aux couleurs du thème de la présentation. En prenant l’exemple HTML ci-dessus, si la présentation dans laquelle le complément est inséré utilise le thème Facette, le complément est restitué comme suit.If you change the presentation to use another theme or customize the presentation's theme, the fonts and colors specified with OfficeThemes.css classes will dynamically update to correspond to the fonts and colors of the presentation's theme. Using the same HTML example as above, if the presentation the add-in is inserted into uses the Facet theme, the add-in rendering will look like this.

Application de contenu en cours d’exécution avec le thème Facette

Utilisation de classes de thèmes de l’interface utilisateur Office OfficeThemes.css dans la page HTML de votre complément du volet OfficeUsing OfficeThemes.css Office UI theme classes in your task pane add-in's HTML page

Outre le thème du document, les utilisateurs peuvent personnaliser le modèle de couleurs de l’interface utilisateur Office de toutes les applications Office à l’aide de la zone de liste déroulante Fichier > Compte > Thème Office.In addition to the document theme, users can customize the color scheme of the Office user interface for all Office applications using the File > Account > Office Theme drop-down box.

Ci-dessous figure un exemple simple de code HTML dans une complément de volet Office qui utilise des classes OfficeTheme.css pour spécifier les couleurs de police et d’arrière-plan. Pour plus d’informations sur les classes OfficeThemes.css qui correspondent aux polices et aux couleurs du thème de l’interface utilisateur Office, voir Classes de thèmes pour les compléments du volet Office.The following shows a simple example of HTML in a task pane add-in that uses OfficeTheme.css classes to specify font color and background color. For details about the OfficeThemes.css classes that correspond to fonts and colors of the Office UI theme, see Theme classes for task pane add-ins.

<body> 
    <div id="content-header" class="office-officeTheme-primary-fontColor office-officeTheme-primary-bgColor"> 
        <div class="padding">
            <h1>Welcome</h1>
        </div> 
    </div> 
    <div id="content-main" class="office-officeTheme-secondary-fontColor office-officeTheme-secondary-bgColor"> 
        <div class="padding"> 
            <p>Add home screen content here.</p> 
            <p>For example:</p> 
            <button id="get-data-from-selection">Get data from selection</button> 
            <p><a target="_blank" class="office-a" href="https://go.microsoft.com/fwlink/?LinkId=276812">Find more samples online...</a></p>
        </div>
    </div>
</body> 

Lors de l’exécution de PowerPoint avec Fichier > Compte > Thème Office défini sur Blanc, le complément de volet de tâches est restitué comme suit.When running in PowerPoint with File > Account > Office Theme set to White, the task pane add-in is rendered like this.

Volet de tâches avec thème blanc Office


Si vous modifiez la valeur de Thème Office en la définissant sur Gris foncé, les polices et couleurs spécifiées avec des classes OfficeThemes.css seront mises à jour dynamiquement et seront restituées comme suit.If you change OfficeTheme to Dark Gray, the fonts and colors specified with OfficeThemes.css classes will dynamically update to render like this.

Volet de tâches avec thème gris foncé Office


Classes OfficeTheme.cssOfficeTheme.css classes

Le fichier OfficeThemes.css contient deux jeux de classes que vous pouvez utiliser avec vos compléments de contenu et du volet Office PowerPoint.The OfficeThemes.css file contains two sets of classes you can use with your content and task pane add-ins for PowerPoint.

Classes de thèmes pour les compléments de contenuTheme classes for content add-ins

Le fichier OfficeThemes.css fournit des classes qui correspondent aux 12 couleurs et aux 2 polices utilisées dans un thème de document. Ces classes sont adaptées aux compléments de contenu pour PowerPoint, de sorte que les polices et les couleurs de votre complément seront en harmonie avec la présentation dans laquelle votre complément est inséré.The OfficeThemes.css file provides classes that correspond to the 2 fonts and 12 colors used in a document theme. These classes are appropriate to use with content add-ins for PowerPoint so that your add-in's fonts and colors will be coordinated with the presentation it's inserted into.

Polices de thème pour les compléments de contenuTheme fonts for content add-ins

ClasseClass DescriptionDescription
office-bodyFont-eastAsian Nom en langues d’Asie de l’Est de la police du corps de texte.East Asian name of the body font.
office-bodyFont-latin Nom latin de la police du corps de texte (par défaut, « Calibri »).Latin name of the body font. Default "Calabri"
office-bodyFont-script Nom de script de la police du corps de texte.Script name of the body font.
office-bodyFont-localized Nom localisé de la police du corps de texte. Spécifie le nom de la police par défaut en fonction de la culture actuellement utilisée dans Office.Localized name of the body font. Specifies the default font name according to the culture currently used in Office.
office-headerFont-eastAsian Nom en langues d’Asie de l’Est de la police des en-têtes.East Asian name of the headers font.
office-headerFont-latin Nom latin de la police des en-têtes (par défaut, « Calibri Light »).Latin name of the headers font. Default "Calabri Light"
office-headerFont-script Nom de script de la police des en-têtes.Script name of the headers font.
office-headerFont-localized Nom localisé de la police des en-têtes. Spécifie le nom de la police par défaut en fonction de la culture actuellement utilisée dans Office.Localized name of the headers font. Specifies the default font name according to the culture currently used in Office.

Couleurs de thème pour les compléments de contenuTheme colors for content add-ins

ClasseClass DescriptionDescription
office-docTheme-primary-fontColor Couleur de police principale. Par défaut : #000000Primary font color. Default #000000
office-docTheme-primary-bgColor Couleur d’arrière-plan de police principale. Par défaut : #FFFFFFPrimary font background color. Default #FFFFFF
office-docTheme-secondary-fontColor Couleur de police secondaire. Par défaut : #000000Secondary font color. Default #000000
office-docTheme-secondary-bgColor Couleur d’arrière-plan de police secondaire. Par défaut : #FFFFFFSecondary font background color. Default #FFFFFF
office-contentAccent1-color Couleur d’accentuation de police 1. Par défaut : #5B9BD5Font accent color 1. Default #5B9BD5
office-contentAccent2-color Couleur d’accentuation de police 2. Par défaut : #ED7D31Font accent color 2. Default #ED7D31
office-contentAccent3-color Couleur d’accentuation de police 3. Par défaut : #A5A5A5Font accent color 3. Default #A5A5A5
office-contentAccent4-color Couleur d’accentuation de police 4. Par défaut : #FFC000Font accent color 4. Default #FFC000
office-contentAccent5-color Couleur d’accentuation de police 5. Par défaut : #4472C4Font accent color 5. Default #4472C4
office-contentAccent6-color Couleur d’accentuation de police 6. Par défaut : #70AD47Font accent color 6. Default #70AD47
office-contentAccent1-bgColor Couleur d’accentuation d’arrière-plan 1. Par défaut : #5B9BD5Background accent color 1. Default #5B9BD5
office-contentAccent2-bgColor Couleur d’accentuation d’arrière-plan 2. Par défaut : #ED7D31Background accent color 2. Default #ED7D31
office-contentAccent3-bgColor Couleur d’accentuation d’arrière-plan 3. Par défaut : #A5A5A5Background accent color 3. Default #A5A5A5
office-contentAccent4-bgColor Couleur d’accentuation d’arrière-plan 4. Par défaut : #FFC000Background accent color 4. Default #FFC000
office-contentAccent5-bgColor Couleur d’accentuation d’arrière-plan 5. Par défaut : #4472C4Background accent color 5. Default #4472C4
office-contentAccent6-bgColor Couleur d’accentuation d’arrière-plan 6. Par défaut : #70AD47Background accent color 6. Default #70AD47
office-contentAccent1-borderColor Couleur d’accentuation de bordure 1. Par défaut : #5B9BD5Border accent color 1. Default #5B9BD5
office-contentAccent2-borderColor Couleur d’accentuation de bordure 2. Par défaut : #ED7D31Border accent color 2. Default #ED7D31
office-contentAccent3-borderColor Couleur d’accentuation de bordure 3. Par défaut : #A5A5A5Border accent color 3. Default #A5A5A5
office-contentAccent4-borderColor Couleur d’accentuation de bordure 4. Par défaut : #FFC000Border accent color 4. Default #FFC000
office-contentAccent5-borderColor Couleur d’accentuation de bordure 5. Par défaut : #4472C4Border accent color 5. Default #4472C4
office-contentAccent6-borderColor Couleur d’accentuation de bordure 6. Par défaut : #70AD47Border accent color 6. Default #70AD47
office-a Couleur de lien hypertexte. Par défaut : #0563C1Hyperlink color. Default #0563C1
office-a:visited Couleur de lien hypertexte visité. Par défaut : #954F72Followed hyperlink color. Default #954F72

La capture d’écran suivante montre des exemples de toutes les classes de couleurs de thème (sauf pour les deux couleurs de lien hypertexte) affectées à du texte d’complément lorsque vous utilisez le thème Office par défaut.The following screenshot shows examples of all of the theme color classes (except for the two hyperlink colors) assigned to add-in text when using the default Office theme.

Exemple de couleurs de thème Office par défaut

Classes de thèmes pour les compléments du volet OfficeTheme classes for task pane add-ins

Le fichier OfficeThemes.css fournit des classes qui correspondent aux 4 couleurs affectées aux polices et aux arrière-plans utilisés par le thème de l’interface utilisateur de l’application Office. Ces classes peuvent être utilisées avec les compléments de tâche pour PowerPoint afin que les couleurs de votre complément soient en harmonie avec les autres volets Office intégrés.The OfficeThemes.css file provides classes that correspond to the 4 colors assigned to fonts and backgrounds used by the Office application UI theme. These classes are appropriate to use with task add-ins for PowerPoint so that your add-in's colors will be coordinated with the other built-in task panes in Office.

Couleurs de police et d’arrière-plan de thème pour les compléments du volet OfficeTheme font and background colors for task pane add-ins

ClasseClass DescriptionDescription
office-officeTheme-primary-fontColor Couleur de police principale. Par défaut : #B83B1DPrimary font color. Default #B83B1D
office-officeTheme-primary-bgColor Couleur d’arrière-plan principale. Par défaut : #DEDEDEPrimary background color. Default #DEDEDE
office-officeTheme-secondary-fontColor Couleur de police secondaire. Par défaut : #262626.Secondary font color. Default #262626
office-officeTheme-secondary-bgColor Couleur d’arrière-plan secondaire. Par défaut : #FFFFFFSecondary background color. Default #FFFFFF

Voir aussiSee also