Verwenden von Dokumentdesigns in PowerPoint-Add-InsUse document themes in your PowerPoint add-ins

Ein Office-Design besteht teilweise aus einer optisch aufeinander abgestimmten Gruppe von Schriftarten und Farben, die Sie auf Präsentationen, Dokumente, Arbeitsblätter und E-Mails anwenden können. Zur Anwendung oder Anpassung des Designs einer Präsentation in PowerPoint verwenden Sie die Gruppen Designs und Varianten auf der Registerkarte Entwurf der Multifunktionsleiste. PowerPoint weist eine neue leere Präsentation mit dem standardmäßigen Office-Design zu, aber Sie können andere Designs auswählen, die auf der Registerkarte Entwurf zur Verfügung stehen, oder zusätzliche Designs von Office.com herunterladen bzw. eigene Designs erstellen und anpassen.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.

Die Verwendung von OfficeThemes.css unterstützt Sie auf zwei Arten beim Entwerfen von Add-ins, die mit PowerPoint koordiniert werden:Using OfficeThemes.css, helps you design add-ins that are coordinated with PowerPoint in two ways:

  • In Inhalts-Add-ins für PowerPoint: Verwenden Sie die Dokumentdesignklassen von OfficeThemes.css, um Schriftarten und Farben anzugeben, die mit dem Design der Präsentation übereinstimmen, in die Ihr Inhalt-Add-In eingefügt wird. Diese Schriftarten und Farben werden dynamisch aktualisiert, wenn ein Benutzer das Design der Präsentation ändert oder anpasst.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.

  • In Aufgabenbereich-Add-Ins für PowerPoint: Verwenden Sie die Designklassen der Office-Benutzeroberfläche von OfficeThemes.css, um dieselben Schriftarten und Hintergrundfarben anzugeben, die für die Benutzeroberfläche verwendet werden, damit Ihre Aufgabenbereich-Add-ins mit den Farben von integrierten Aufgabenbereichen übereinstimmen. Diese Farben werden dynamisch aktualisiert, wenn ein Benutzer das Design der Office-Benutzeroberfläche ändert oder anpasst.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.

Dokument-DesignfarbenDocument theme colors

Jedes Office-Dokumentdesign definiert 12 Farben. Zehn dieser Farben stehen beim Festlegen von Schriftart, Hintergrund und anderen Farbeinstellungen in einer Präsentation über die Farbauswahl zur Verfügung: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.

Farbpalette

Klicken Sie zum Anzeigen oder Anpassen der gesamten 12 Designfarben in PowerPoint in der Gruppe Varianten auf der Registerkarte Entwurf auf die Dropdownliste Mehr. Wählen Sie dann Farben > Farben anpassen aus, um das Dialogfeld Neue Designfarben erstellen anzuzeigen.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.

Dialogfeld „Neue Designfarben erstellen“

Die ersten vier Farben sind für Text und Hintergründe. Mit hellen Farben erstellter Text ist über dunklen Farben ebenso immer lesbar, wie dunkler Text über hellen Farben. Die nächsten sechs Farben sind Akzentfarben, die über den vier potenziellen Hintergrundfarben immer sichtbar sind. Die letzten beiden Farben sind für Links und besuchte Links vorgesehen.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.

Dokument-DesignschriftartenDocument theme fonts

Jedes Office-Dokumentdesign definiert auch zwei Schriftarten. Eine Schriftart für Überschriften und eine für den Textkörper. PowerPoint verwendet diese Schriftarten, um automatische Textformatvorlagen zu erzeugen. Zusätzlich verwenden Schnellformatvorlagen-Galerien dieselben Designschriftarten für Text und WordArt. Diese beiden Schriftarten stehen als die ersten beiden Optionen zur Verfügung, wenn Sie Schriftarten über die Schriftauswahl auswählen: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.

Die Schriftauswahl

Klicken Sie zum Anzeigen oder Anpassen der Designschriftarten in PowerPoint in der Gruppe Varianten auf der Registerkarte Entwurf auf die Dropdownliste Mehr. Wählen Sie dann Schriftarten > Schriftarten anpassen aus, um das Dialogfeld Neue Designschriftarten erstellen anzuzeigen.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.

Dialogfeld „Neue Designschriftarten erstellen“

Designschriftarten und -farben der Office-BenutzeroberflächeOffice UI theme fonts and colors

In Office können Sie zwischen verschiedenen vordefinierten Designs wählen, die einige der Farben und Schriftarten angeben, die in der Benutzeroberfläche aller Office-Anwendungen verwendet werden. Dazu verwenden Sie die Dropdownliste Datei > Konto > Office-Design (in einer beliebigen Office-Anwendung).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).

Office-Design-Dropdown

OfficeThemes.css enthält Klassen, die Sie in Ihren Aufgabenbereich-Add-ins für PowerPoint verwenden können, damit diese dieselben Schriftarten und Farben verwenden. Auf diese Weise entwerfen Sie Aufgabenbereich-Add-ins, die mit der Darstellung der integrierten Aufgabenbereiche übereinstimmen.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.

Verwenden von OfficeThemes.cssUsing OfficeThemes.css

Durch die Verwendung der Datei OfficeThemes.css mit Ihrem Inhalts-Add-in für PowerPoint können Sie das Aussehen Ihrer Add-In durch das Design abstimmen, das auf die Präsentation angewendet wurde, mit der es ausgeführt wird. Mithilfe der Datei OfficeThemes.css für Ihre Aufgabenbereich-Add-ins für PowerPoint können Sie das Aussehen Ihrer Add-In mit den Schriftarten und Farben der Office-Benutzeroberfläche abstimmen.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.

Hinzufügen von OfficeThemes.css zu Ihrem ProjektAdding the OfficeThemes.css file to your project

Gehen Sie folgendermaßen vor, um die Datei OfficeThemes.css zu Ihrem Add-In-Projekt hinzuzufügen und auf diese zu verweisen.Use the following steps to add and reference the OfficeThemes.css file to your add-in project.

So fügen Sie OfficeThemes.css zum Visual Studio-Projekt hinzuTo add OfficeThemes.css to your Visual Studio project

Hinweis

Die Schritte in diesem Verfahren gelten nur für Visual Studio 2015.The steps in this procedure only apply to Visual Studio 2015. Wenn Sie Visual Studio 2019 verwenden, wird die Datei OfficeThemes. CSS automatisch für alle neuen von Ihnen erstellten PowerPoint-Add-in-Projekte erstellt.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. Klicken Sie im Projektmappen-Explorer mit der rechten Maustaste auf den Ordner Inhalt (im ProjektnameWebprojekt), wählen Sie Hinzufügen aus, und klicken Sie dann auf Stylesheet.In Solution Explorer, right-click the Content folder in the project_nameWeb project, choose Add, and then select Style Sheet.

  2. Weisen Sie dem neuen Stylesheet die Bezeichnung OfficeThemes zu.Name the new style sheet OfficeThemes.

    Wichtig

    Das Stylesheet muss den Namen „OfficeThemes“ aufweisen, ansonsten funktioniert die Funktion nicht, die Add-In-Schriftarten und -farben dynamisch aktualisiert, wenn ein Benutzer das Design ändert.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. Löschen Sie die standardmäßige body-Klasse ( body {}) in der Datei, und kopieren Sie den folgenden CSS-Code in die Datei.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. Wenn Sie ein anderes Tool als Visual Studio zum Erstellen Ihres Add-In verwenden, kopieren Sie den CSS-Code aus Schritt 3 in eine Textdatei, und stellen Sie sicher, dass Sie die Datei als OfficeThemes.css speichern.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.

Verweisen auf OfficeThemes.css auf den HTML-Seiten Ihres Add-insReferencing OfficeThemes.css in your add-in's HTML pages

Fügen Sie zur Verwendung der Datei „OfficeThemes.css“ im Add-In-Projekt ein <link>-Tag hinzu, das innerhalb des <head>-Tags der Webseiten (z. B. HTML-, ASPX- oder PHP-Dateien), die die Benutzeroberfläche Ihres Add-Ins im folgenden Format implementieren, auf die Datei „OfficeThemes.css“ verweist: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" />

Gehen Sie dazu in Visual Studio folgendermaßen vor.To do this in Visual Studio, follow these steps.

So verweisen Sie im Add-in für PowerPoint auf OfficeThemes.cssTo reference OfficeThemes.css in your add-in for PowerPoint

  1. Wählen Sie Neues Projekt erstellenaus.Choose Create a new project.

  2. Geben Sie im Suchfeld das Add-inein.Using the search box, enter add-in. Wählen Sie PowerPoint-WebAdd-inaus, und wählen Sie dann weiteraus.Choose PowerPoint Web Add-in, then select Next.

  3. Benennen Sie Ihr Projekt, und wählen Sie Erstellenaus.Name your project and select Create.

  4. Wählen Sie im Dialogfenster Office-Add-In erstellen, wählen Sie PowerPoint neue Funktionen hinzufügen, und wählen Sie dann Fertig stellen, um das Projekt zu erstellen.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 erstellt eine Lösung, und die beiden zugehörigen Projekte werden im Projektmappen-Explorer angezeigt. Die Datei Home.html wird in Visual Studio geöffnet.Visual Studio creates a solution and its two projects appear in Solution Explorer. The Home.html file opens in Visual Studio.

  6. Fügen Sie auf den HTML-Seiten, die die Benutzeroberfläche Ihres Add-In implementieren, z. B. „Home.html“ in der Standardvorlage, das folgende <link>-Tag innerhalb des <head>-Tags hinzu, das auf die Datei „OfficeThemes.css“ verweist: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" />
    

Wenn Sie Ihr Add-In mit einem anderen Tool als Visual Studio erstellen, fügen Sie ein <link>-Tag mit demselben Format hinzu, das einen relativen Pfad zur Kopie von „OfficeThemes.css“ angibt, der mit Ihrem Add-In bereitgestellt wird.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.

Verwenden der Dokument-Designklassen auf der HTML-Seite des Inhalts-Add-InsUsing OfficeThemes.css document theme classes in your content add-in's HTML page

Nachfolgend ist ein einfaches HTML-Beispiel in einem Inhalts-Add-In veranschaulicht, das die Dokument-Designklassen von der Datei OfficeTheme.css verwendet. Weitere Informationen zu den Klassen von OfficeThemes.css, die mit den im Dokumentdesign verwendeten 12 Farben und zwei Schriftarten übereinstimmen, finden Sie unter Designklassen für Inhalts-Add-ins.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>

Das Inhalts-Add-In wird zur Laufzeit wie folgt dargestellt, wenn es in eine Präsentation eingefügt wird, die das Office-Standarddesign verwendet:At runtime, when inserted into a presentation that uses the default Office Theme, the content add-in is rendered like this.

Inhalts-App mit Office-Design

Wenn Sie die Präsentation so ändern, dass ein anderes Design verwendet oder das Design der Präsentation angepasst wird, werden die über OfficeThemes.css-Klassen angegebenen Schriftarten und Farben dynamisch aktualisiert, um mit den Schriftarten und Farben des Designs der Präsentation übereinzustimmen. Unter Verwendung des obigen HTML-Beispiels sieht die Add-In-Darstellung wie folgt aus, wenn die Präsentation, in die das Add-In eingefügt wird, das Design Facette verwendet: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.

Inhalts-App mit Facet-Design

Verwenden von OfficeThemes.css-Designklassen der Office-Benutzeroberfläche auf der HTML-Seite des Aufgabenbereich-Add-InsUsing OfficeThemes.css Office UI theme classes in your task pane add-in's HTML page

Zusätzlich zum Dokumentdesign können Benutzer das Farbschema der Office-Benutzeroberfläche für alle Office-Anwendung mithilfe des Dropdownfelds Datei > Konto > Office-Design anpassen.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.

Nachfolgend ist ein einfaches HTML-Beispiel in einem Aufgabenbereich-Add-In dargestellt, das OfficeTheme.css-Klassen verwendet, um die Farben für Schriftart und Hintergrund anzugeben. Weitere Informationen zu den OfficeThemes.css-Klassen, die mit den Schriftarten und Farben des Designs der Office-Benutzeroberfläche übereinstimmen, finden Sie unter Designklassen für Aufgabenbereich-Add-ins.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> 

Bei der Ausführung in PowerPoint, wobei für Datei > Konto > Office-Design die Option Weiß festgelegt ist, wird der Aufgabenbereich-Add-In wie folgt dargestellt:When running in PowerPoint with File > Account > Office Theme set to White, the task pane add-in is rendered like this.

Aufgabenbereich mit Office-Weiß-Design


Wenn Sie OfficeTheme in Dunkelgrau ändern, werden die mit OfficeThemes.css-Klassen angegebenen Schriftarten und Farben dynamisch aktualisiert und wie folgt dargestellt:If you change OfficeTheme to Dark Gray, the fonts and colors specified with OfficeThemes.css classes will dynamically update to render like this.

Aufgabenbereich mit Office-Dunkelgrau-Design


OfficeTheme.css-KlassenOfficeTheme.css classes

Die Datei OfficeThemes.css enthält zwei Gruppen von Klassen, die Sie mit Ihren Inhalts- und Aufgabenbereich-Add-ins für PowerPoint verwenden können.The OfficeThemes.css file contains two sets of classes you can use with your content and task pane add-ins for PowerPoint.

Designklassen für Inhalts-Add-insTheme classes for content add-ins

Die Datei OfficeThemes.css stellt Klassen bereit, die den zwei Schriftarten und 12 Farben entsprechen, die in einem Dokumentdesign verwendet werden. Diese Klassen sind für Inhalts-Add-ins für PowerPoint geeignet, sodass die Schriftarten und Farben des Add-ins mit der Präsentation abgestimmt werden, in die sie eingefügt wird.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.

Designschriftarten für Inhalts-Add-InsTheme fonts for content add-ins

KlasseClass BeschreibungDescription
office-bodyFont-eastAsian Ostasiatischer Name der Schriftart für Textkörper.East Asian name of the body font.
office-bodyFont-latin Lateinischer Name der Schriftart für Textkörper. Standardeinstellung ist "Calabri"Latin name of the body font. Default "Calabri"
office-bodyFont-script Skriptname der Schriftart für Textkörper.Script name of the body font.
office-bodyFont-localized Lokalisierter Name der Schriftart für Textkörper. Gibt den Standardschriftartnamen gemäß der derzeit in Office verwendeten Kultur an.Localized name of the body font. Specifies the default font name according to the culture currently used in Office.
office-headerFont-eastAsian Ostasiatischer Name der Schriftart für Überschriften.East Asian name of the headers font.
office-headerFont-latin Lateinischer Name der Schriftart für Überschriften. Standardeinstellung ist "Calabri Light"Latin name of the headers font. Default "Calabri Light"
office-headerFont-script Skriptname der Schriftart für Überschriften.Script name of the headers font.
office-headerFont-localized Lokalisierter Name der Schriftart für Überschriften. Gibt den Standardschriftartnamen gemäß der derzeit in Office verwendeten Kultur an.Localized name of the headers font. Specifies the default font name according to the culture currently used in Office.

Designfarben für Inhalts-Add-InsTheme colors for content add-ins

KlasseClass DescriptionDescription
office-docTheme-primary-fontColor Primäre Schriftartfarbe. Standardeinstellung ist "#000000"Primary font color. Default #000000
office-docTheme-primary-bgColor Primäre Hintergrundfarbe der Schriftart. Standardeinstellung ist "#FFFFFF"Primary font background color. Default #FFFFFF
office-docTheme-secondary-fontColor Sekundäre Schriftartfarbe. Standardeinstellung ist "#000000"Secondary font color. Default #000000
office-docTheme-secondary-bgColor Sekundäre Hintergrundfarbe der Schriftart. Standardeinstellung ist "#FFFFFF"Secondary font background color. Default #FFFFFF
office-contentAccent1-color Akzentfarbe 1 der Schriftart. Standardeinstellung ist "#5B9BD5"Font accent color 1. Default #5B9BD5
office-contentAccent2-color Akzentfarbe 2 der Schriftart. Standardeinstellung ist "#ED7D31"Font accent color 2. Default #ED7D31
office-contentAccent3-color Akzentfarbe 3 der Schriftart. Standardeinstellung ist "#A5A5A5"Font accent color 3. Default #A5A5A5
office-contentAccent4-color Akzentfarbe 4 der Schriftart. Standardeinstellung ist "#FFC000"Font accent color 4. Default #FFC000
office-contentAccent5-color Akzentfarbe 5 der Schriftart. Standardeinstellung ist "#4472C4"Font accent color 5. Default #4472C4
office-contentAccent6-color Akzentfarbe 6 der Schriftart. Standardeinstellung ist "#70AD47"Font accent color 6. Default #70AD47
office-contentAccent1-bgColor Akzentfarbe 1 des Hintergrunds. Standardeinstellung ist "#5B9BD5"Background accent color 1. Default #5B9BD5
office-contentAccent2-bgColor Akzentfarbe 2 des Hintergrunds. Standardeinstellung ist "#ED7D31"Background accent color 2. Default #ED7D31
office-contentAccent3-bgColor Akzentfarbe 3 des Hintergrunds. Standardeinstellung ist "#A5A5A5"Background accent color 3. Default #A5A5A5
office-contentAccent4-bgColor Akzentfarbe 4 des Hintergrunds. Standardeinstellung ist "#FFC000"Background accent color 4. Default #FFC000
office-contentAccent5-bgColor Akzentfarbe 5 des Hintergrunds. Standardeinstellung ist "#4472C4"Background accent color 5. Default #4472C4
office-contentAccent6-bgColor Akzentfarbe 6 des Hintergrunds. Standardeinstellung ist "#70AD47"Background accent color 6. Default #70AD47
office-contentAccent1-borderColor Akzentfarbe 1 des Rahmens. Standardeinstellung ist "#5B9BD5"Border accent color 1. Default #5B9BD5
office-contentAccent2-borderColor Akzentfarbe 2 des Rahmens. Standardeinstellung ist "#ED7D31"Border accent color 2. Default #ED7D31
office-contentAccent3-borderColor Akzentfarbe 3 des Rahmens. Standardeinstellung ist "#A5A5A5"Border accent color 3. Default #A5A5A5
office-contentAccent4-borderColor Akzentfarbe 4 des Rahmens. Standardeinstellung ist "#FFC000"Border accent color 4. Default #FFC000
office-contentAccent5-borderColor Akzentfarbe 5 des Rahmens. Standardeinstellung ist "#4472C4"Border accent color 5. Default #4472C4
office-contentAccent6-borderColor Akzentfarbe 6 des Rahmens. Standardeinstellung ist "#70AD47"Border accent color 6. Default #70AD47
office-a Linkfarbe. Standardeinstellung ist "#0563C1"Hyperlink color. Default #0563C1
office-a:visited Farbe für besuchte Links. Standardeinstellung ist "#954F72"Followed hyperlink color. Default #954F72

Die folgenden Screenshots zeigen Beispiele aller Designfarbklassen (mit Ausnahme der beiden Linkfarben), die auf Add-In-Text angewendet werden, wenn das Office-Standarddesign verwendet wird.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.

Beispiel für Standard-Office-Designfarben

Designklassen für Aufgabenbereich-Add-insTheme classes for task pane add-ins

Die Datei OfficeThemes.css stellt Klassen bereit, die den vier Farben entsprechen, die zu Schriftarten und Hintergründen zugewiesen werden, die vom Benutzeroberflächendesign der Office-Anwendung verwendet werden. Diese Klassen sind für Aufgabenbereich-Add-ins für PowerPoint geeignet, sodass die Farben des Add-ins mit den anderen integrierten Aufgabenbereichen in Office abgestimmt werden.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.

Designschriftarten- und Hintergrundfarben für Aufgabenbereich-Add-InsTheme font and background colors for task pane add-ins

KlasseClass BeschreibungDescription
office-officeTheme-primary-fontColor Primäre Schriftartfarbe. Standardeinstellung : „#B83B1D“Primary font color. Default #B83B1D
office-officeTheme-primary-bgColor Primäre Hintergrundfarbe. Standardeinstellung: „#DEDEDE“Primary background color. Default #DEDEDE
office-officeTheme-secondary-fontColor Sekundäre Schriftartfarbe. Standardeinstellung: "#262626"Secondary font color. Default #262626
office-officeTheme-secondary-bgColor Sekundäre Hintergrundfarbe. Standardeinstellung: „#FFFFFF“Secondary background color. Default #FFFFFF

Siehe auchSee also