Uso de temas de documentos en los complementos para PowerPointUse document themes in your PowerPoint add-ins

Un tema de Office consiste, en parte, en un conjunto coordinado visualmente de fuentes y colores que se puede aplicar a presentaciones, documentos, hojas de cálculo y correos electrónicos. Para aplicar o personalizar el tema de una presentación en PowerPoint, use los grupos Temas y Variantes en la pestaña Diseño de la cinta. PowerPoint asigna una presentación en blanco con el Tema de Office predeterminado, pero puede elegir otros temas disponibles en la pestaña Diseño, descargar temas adicionales de Office.com, o crear y personalizar su propio tema.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.

Con OfficeThemes.css puede diseñar complementos que se coordinan con PowerPoint de dos formas:Using OfficeThemes.css, helps you design add-ins that are coordinated with PowerPoint in two ways:

  • En los complementos de contenido para PowerPoint. Use las clases de temas de documentos de OfficeThemes.css para especificar fuentes y colores que coincidan con el tema de la presentación en la que se inserta la complemento de contenido; esas fuentes y colores se actualizarán dinámicamente si un usuario cambia o personaliza el tema de la presentación.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.

  • En los complementos de panel de tareas para PowerPoint. Use las clases de temas de la interfaz de usuario de Office de OfficeThemes.css para especificar las mismas fuentes y colores de fondo que se usan en la interfaz de usuario de modo que los complementos de panel de tareas coincidan con los colores de los paneles de tareas integrados; y dichos colores se actualizarán dinámicamente si un usuario cambia el tema de la interfaz de usuario de 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.

Colores de temas del documentoDocument theme colors

Cada tema del documento de Office define 12 colores. Diez de esos colores se encuentran disponibles cuando establece la fuente, el fondo y otras opciones de colores en una presentación con el selector de colores.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.

Paleta de colores

Para ver o personalizar el conjunto total de 12 colores de temas en PowerPoint, en el grupo Variantes de la pestaña Diseño, haga clic en el menú desplegable Más y, después, elija Colores > Personalizar colores para que aparezca el cuadro de diálogo Crear nuevos colores del tema.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.

Cuadro de diálogo Crear nuevos colores del tema

Los primeros cuatro colores son para texto y fondos. El texto que se crea con colores claro siempre será legible sobre colores oscuros y el texto que se crea con colores oscuros siempre será legible sobre colores claros. Los seis colores siguientes son colores de énfasis que siempre están visibles en los cuatro colores de fondo posibles. Los dos últimos colores son para hipervínculos e hipervínculos visitados.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.

Fuentes de temas del documentoDocument theme fonts

Cada tema del documento de Office también define dos fuentes: una para los encabezados y otra para el texto de cuerpo. PowerPoint usa estas fuentes para crear estilos de texto automáticos. Además, las galerías de Estilos rápidos para texto y WordArt usan las mismas fuentes del tema. Estas dos fuentes están disponibles como las primeras dos selecciones cuando selecciona fuentes con el selector de fuentes.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.

Selector de fuente

Para ver o personalizar las fuentes de temas en PowerPoint, en el grupo Variantes de la pestaña Diseño, haga clic en el menú desplegable Más y, después, elija Fuentes > Personalizar fuentes para mostrar el cuadro de diálogo Crear nuevas fuentes del tema.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.

Cuadro de diálogo Crear nuevas fuentes del tema

Fuentes y colores del tema de la interfaz de usuario de OfficeOffice UI theme fonts and colors

Office también permite elegir entre varios temas predefinidos que especifican algunos de los colores y las fuentes que se usan en la interfaz de usuario de todas las aplicaciones de Office. Para ello, use el menú desplegable Archivo > Cuenta > Tema de Office (desde cualquier aplicación de 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).

Menú desplegable del tema de Office

OfficeThemes.css incluye clases que puede usar en los complementos de panel de tareas para PowerPoint de modo que usen las mismas fuentes y colores. Esto le permite diseñar complementos de panel de tareas que coincidan con la apariencia de los paneles de tareas integrados.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.

Usar OfficeThemes.cssUsing OfficeThemes.css

Usar el archivo OfficeThemes.css con los complementos de contenido para PowerPoint permite coordinar la apariencia de complemento con el tema aplicado a la presentación con la que se está ejecutando. Usar el archivo OfficeThemes.css con los complementos de paneles de tareas para PowerPoint permite coordinar la apariencia de complemento con las fuentes y los colores de la interfaz de usuario de 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.

Agregar el archivo OfficeThemes.css al proyectoAdding the OfficeThemes.css file to your project

Use los siguientes pasos para agregar el archivo OfficeThemes.css al proyecto de complemento, y hacer referencia a él.Use the following steps to add and reference the OfficeThemes.css file to your add-in project.

Para agregar OfficeThemes.css al proyecto de Visual StudioTo add OfficeThemes.css to your Visual Studio project

Nota

Los pasos de este procedimiento solo se aplican a Visual Studio 2015.The steps in this procedure only apply to Visual Studio 2015. Si usa Visual Studio 2019, el archivo OfficeThemes. CSS se crea automáticamente para los nuevos proyectos de complementos de PowerPoint que cree.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. En Explorador de soluciones, haga clic con el botón derecho en la carpeta Contenido del proyecto project_nameWeb, elija Agregar y, después, seleccione Hoja de estilo.In Solution Explorer, right-click the Content folder in the project_nameWeb project, choose Add, and then select Style Sheet.

  2. Asígnele a la hoja de estilo nueva el nombre OfficeThemes.Name the new style sheet OfficeThemes.

    Importante

    La hoja de estilo debe llamarse OfficeThemes, de lo contrario, la función que actualiza dinámicamente las fuentes y los colores de los complementos cuando un usuario cambia el tema no funcionará.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. Elimine la clase body predeterminada (body {}) en el archivo, y copie y pegue el siguiente código CSS en el archivo.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 está usando otra herramienta que no es Visual Studio para crear su complemento, copie el código CSS del paso 3 en un archivo de texto y asegúrese de guardar el archivo como 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.

Referencia a OfficeThemes.css en las páginas HTML del complementoReferencing OfficeThemes.css in your add-in's HTML pages

Para usar el archivo OfficeThemes.css en su proyecto de complemento, agregue una etiqueta <link> que haga referencia al archivo OfficeThemes.css dentro de la etiqueta <head> de las páginas web (como un archivo .html, .aspx o .php) que implementa la interfaz de usuario de su complemento en este formato: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" />

Para realizar esta acción en Visual Studio, siga estos pasosTo do this in Visual Studio, follow these steps.

Para hacer referencia a OfficeThemes.css en el complemento para PowerPointTo reference OfficeThemes.css in your add-in for PowerPoint

  1. Elija crear un nuevo proyecto.Choose Create a new project.

  2. Mediante el cuadro de búsqueda, escriba complemento.Using the search box, enter add-in. Elija complemento Web de PowerPointy, a continuación, seleccione siguiente.Choose PowerPoint Web Add-in, then select Next.

  3. Asigne un nombre al proyecto y seleccione crear.Name your project and select Create.

  4. En la ventana de diálogo Crear un complemento de Office, elija Agregar nuevas funcionalidades a PowerPoint y, a continuación, elija Finalizar para crear el proyecto.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 creará una solución y sus dos proyectos aparecerán en el Explorador de soluciones. El archivo Home.html se abrirá en Visual Studio.Visual Studio creates a solution and its two projects appear in Solution Explorer. The Home.html file opens in Visual Studio.

  6. En las páginas HTML que implementan la interfaz de usuario de complemento, como Home.html en la plantilla predeterminada, agregue la siguiente etiqueta <link> dentro de la etiqueta <head> que hace referencia al archivo 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 va a crear su complemento con otra herramienta que no es Visual Studio, agregue una etiqueta <link> con el mismo formato que especifica una ruta de acceso relativa a la copia de OfficeThemes.css que se implementará con su complemento.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.

Usar clases de temas del documento OfficeThemes.css en la página HTML del complemento de contenidoUsing OfficeThemes.css document theme classes in your content add-in's HTML page

A continuación, se muestra un ejemplo simple de HTML en una complemento de contenido que usa las clases de temas del documento OfficeTheme.css. Para obtener información detallada sobre las clases de OfficeThemes.css que corresponden a los 12 colores y las 2 fuentes que se usan en un tema del documento, vea Clases de temas para complementos de contenido.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>

En tiempo de ejecución, cuando se inserta en una presentación que usa el Tema de Office predeterminado, el contenido de complemento se representa de la siguiente manera.At runtime, when inserted into a presentation that uses the default Office Theme, the content add-in is rendered like this.

Aplicación de contenido con el tema de Office

Si cambia la presentación para usar otro tema o personalizar el tema de la presentación, las fuentes y los colores especificados con las clases de OfficeThemes.css se actualizarán de forma dinámica para que coincidan con las fuentes y los colores del tema de la presentación. Con el mismo ejemplo de HTML anterior, si la presentación donde se inserta el complemento usa el tema Faceta, la representación del complemento será similar a la siguiente.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.

Aplicación de contenido con el tema Faceta

Usar clases de temas de la interfaz de usuario de Office de OfficeThemes.css en la página HTML del complemento de panel de tareasUsing OfficeThemes.css Office UI theme classes in your task pane add-in's HTML page

Además del tema del documento, los usuarios pueden personalizar el esquema de color de la interfaz de usuario de Office para todas las aplicaciones de Office mediante el cuadro desplegable Archivo > Cuenta > Tema de 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.

A continuación, se muestra un ejemplo simple de HTML en una complemento de panel de tareas que usa clases de OfficeTheme.css para especificar el color de la fuente y el fondo. Para obtener información detallada sobre las clases de OfficeThemes.css que corresponden a las fuentes y los colores del tema de interfaz de usuario de Office, vea Clases de temas para complementos de panel de tareas.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> 

Cuando se ejecuta en PowerPoint con Archivo > Cuenta > Tema de Office establecido como Blanco, la complemento de panel de tareas se representa de la siguiente forma.When running in PowerPoint with File > Account > Office Theme set to White, the task pane add-in is rendered like this.

Panel de tareas con el tema de Office blanco


Si cambia el Tema de Office a Gris oscuro, las fuentes y los colores especificados con las clases de OfficeThemes.css se actualizarán de forma dinámica para representar algo similar a esto.If you change OfficeTheme to Dark Gray, the fonts and colors specified with OfficeThemes.css classes will dynamically update to render like this.

Panel de tareas con el tema de Office gris oscuro


Clases de OfficeTheme.csOfficeTheme.css classes

El archivo OfficeThemes.css contiene dos conjuntos de clases que puede usar con los complementos de contenido y de panel de tareas para PowerPoint.The OfficeThemes.css file contains two sets of classes you can use with your content and task pane add-ins for PowerPoint.

Clases de temas para complementos de contenidoTheme classes for content add-ins

El archivo OfficeThemes.css proporciona clases que corresponden a las 2 fuentes y los 12 colores usados en un tema del documento. Estas clases son apropiadas para los complementos de contenido para PowerPoint de modo que las fuentes y los colores del complemento puedan coordinarse con la presentación en la que se inserta.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.

Fuentes del tema para complementos de contenidoTheme fonts for content add-ins

ClaseClass DescripciónDescription
office-bodyFont-eastAsian Nombre del este asiático de la fuente del cuerpo.East Asian name of the body font.
office-bodyFont-latin Nombre latino de la fuente del cuerpo. Valor predeterminado "Calabri"Latin name of the body font. Default "Calabri"
office-bodyFont-script Nombre de script de la fuente del cuerpo.Script name of the body font.
office-bodyFont-localized Nombre localizado de la fuente del cuerpo. Especifica el nombre de fuente predeterminado conforme a la cultura que se usa actualmente en Office.Localized name of the body font. Specifies the default font name according to the culture currently used in Office.
office-headerFont-eastAsian Nombre del este asiático de la fuente de los encabezados.East Asian name of the headers font.
office-headerFont-latin Nombre latino de la fuente de los encabezados. Valor predeterminado "Calabri Light"Latin name of the headers font. Default "Calabri Light"
office-headerFont-script Nombre de script de la fuente de los encabezados.Script name of the headers font.
office-headerFont-localized Nombre localizado de la fuente de los encabezados. Especifica el nombre de fuente predeterminado conforme a la cultura que se usa actualmente en Office.Localized name of the headers font. Specifies the default font name according to the culture currently used in Office.

Colores de temas para complementos de contenidoTheme colors for content add-ins

ClaseClass DescripciónDescription
office-docTheme-primary-fontColor Color de fuente principal. Valor predeterminado #000000Primary font color. Default #000000
office-docTheme-primary-bgColor Color de fondo de fuente principal. Valor predeterminado #FFFFFFPrimary font background color. Default #FFFFFF
office-docTheme-secondary-fontColor Color de fuente secundario. Valor predeterminado #000000Secondary font color. Default #000000
office-docTheme-secondary-bgColor Color de fondo de fuente secundario. Valor predeterminado #FFFFFFSecondary font background color. Default #FFFFFF
office-contentAccent1-color Color de énfasis de fuente 1. Valor predeterminado #5B9BD5Font accent color 1. Default #5B9BD5
office-contentAccent2-color Color de énfasis de fuente 2. Valor predeterminado #ED7D31Font accent color 2. Default #ED7D31
office-contentAccent3-color Color de énfasis de fuente 3. Valor predeterminado #A5A5A5Font accent color 3. Default #A5A5A5
office-contentAccent4-color Color de énfasis de fuente 4. Valor predeterminado #FFC000Font accent color 4. Default #FFC000
office-contentAccent5-color Color de énfasis de fuente 5. Valor predeterminado #4472C4Font accent color 5. Default #4472C4
office-contentAccent6-color Color de énfasis de fuente 6. Valor predeterminado #70AD47Font accent color 6. Default #70AD47
office-contentAccent1-bgColor Color de énfasis de fondo 1. Valor predeterminado #5B9BD5Background accent color 1. Default #5B9BD5
office-contentAccent2-bgColor Color de énfasis de fondo 2. Valor predeterminado #ED7D31Background accent color 2. Default #ED7D31
office-contentAccent3-bgColor Color de énfasis de fondo 3. Valor predeterminado #A5A5A5Background accent color 3. Default #A5A5A5
office-contentAccent4-bgColor Color de énfasis de fondo 4. Valor predeterminado #FFC000Background accent color 4. Default #FFC000
office-contentAccent5-bgColor Color de énfasis de fondo 5. Valor predeterminado #4472C4Background accent color 5. Default #4472C4
office-contentAccent6-bgColor Color de énfasis de fondo 6. Valor predeterminado #70AD47Background accent color 6. Default #70AD47
office-contentAccent1-borderColor Color de énfasis del borde 1. Valor predeterminado #5B9BD5Border accent color 1. Default #5B9BD5
office-contentAccent2-borderColor Color de énfasis del borde 2. Valor predeterminado #ED7D31Border accent color 2. Default #ED7D31
office-contentAccent3-borderColor Color de énfasis del borde 3. Valor predeterminado #A5A5A5Border accent color 3. Default #A5A5A5
office-contentAccent4-borderColor Color de énfasis del borde 4. Valor predeterminado #FFC000Border accent color 4. Default #FFC000
office-contentAccent5-borderColor Color de énfasis del borde 5. Valor predeterminado #4472C4Border accent color 5. Default #4472C4
office-contentAccent6-borderColor Color de énfasis del borde 6. Valor predeterminado #70AD47Border accent color 6. Default #70AD47
office-a Color de hipervínculo. Valor predeterminado #0563C1Hyperlink color. Default #0563C1
office-a:visited Color de hipervínculo visitado. Valor predeterminado #954F72Followed hyperlink color. Default #954F72

En la siguiente captura de pantalla se muestran ejemplos de todas las clases de colores de temas (excepto para los dos colores de hipervínculos) asignadas al texto de la complemento cuando se usa el tema predeterminado de Office.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.

Ejemplo de colores del tema de Office predeterminado

Clases de temas para complementos de panel de tareasTheme classes for task pane add-ins

El archivo OfficeThemes.css proporciona clases que corresponden a los cuatro colores asignados a fuentes y fondos que el tema de la interfaz de usuario de la aplicación de Office utiliza. Estas clases son apropiadas para usar con complementos de tareas para PowerPoint de modo que los colores de los complementos se coordinen con los otros paneles de tareas integrados en Office.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.

Colores de fuente y de fondo del tema para los complementos de panel de tareasTheme font and background colors for task pane add-ins

ClaseClass DescripciónDescription
office-officeTheme-primary-fontColor Color de fuente principal. Valor predeterminado #B83B1DPrimary font color. Default #B83B1D
office-officeTheme-primary-bgColor Color de fondo principal. Valor predeterminado #DEDEDEPrimary background color. Default #DEDEDE
office-officeTheme-secondary-fontColor Color de fuente secundario. Valor predeterminado #262626Secondary font color. Default #262626
office-officeTheme-secondary-bgColor Color de fondo secundario. Valor predeterminado #FFFFFFSecondary background color. Default #FFFFFF

Ver tambiénSee also