Farbpaletten und Schriftarten in SharePointColor palettes and fonts in SharePoint

Verwenden Sie diese Übersicht, um die in einer SharePoint-Website verwendeten Farbpaletten oder Schriftartenschemas zu definieren.Use this reference to define the color palette or font scheme that is used in a SharePoint site.

FarbpalettenColor palettes

Eine Farbpalette stellt die Kombination der Farben dar, die in einer SharePoint-Website verwendet werden. Die Farbpalette für eine SharePoint-Website wird in einer Farbpalettendatei definiert. Farbplätze werden auch von der Vorschaudatei für Gestaltungsvorlagen verwendet, um Miniatur- und Vorschaubilder einer Website zu erstellen. Im Folgenden wird der Aufbau der Farbpalettendatei und der Vorschaudatei für Gestaltungsvorlagen beschrieben:A color palette is the combination of colors that are used in a SharePoint site. The color palette for a SharePoint site is defined in a color palette file. Color slots are also used by the master page preview file to generate thumbnail and preview images of a site. The following describes the structure of the color palette file and the master page preview file:

  • Farbpalettendatei (.spcolor)Color palette file (.spcolor)

    Farbpalettendateien werden im Assistenten Aussehen ändern verwendet, mit dem Benutzer das Erscheinungsbild ihrer Website mithilfe der SharePoint-Designbenutzeroberfläche ändern können. Mit SharePoint werden standardmäßig 32 Farbpalettendateien installiert. Sie können auch zusätzliche Farbpalettendateien erstellen. Das folgende Beispiel zeigt das Format einer Farbpalettendatei.Color palette files are used in the Change the look wizard, which enables users to change the look and feel of their site by using the SharePoint themes user interface. By default, 32 color palette files are installed with SharePoint. You can also create additional color palette files. The following example shows the format of a color palette file.

<s:colorPalette isInverted="InvertedSetting" previewSlot1="Slot1" previewSlot2="Slot2" previewSlot3="Slot3" xmlns:s="http://schemas.microsoft.com/sharepoint/">
    <s:color name="ColorSlot" value="Color" />
    <!--additional color slots-->
</s:colorPalette>

In einer Farbpalettendatei werden die folgenden Platzhalter ersetzt:In a color palette file, the following placeholders are replaced:

  • InvertedSetting ist ein Boolescher Wert. true, wenn die Farbpalette in der Regel hellen Text vor dunklem Hintergrund umfasst. false, wenn die Farbpalette in der Regel dunklen Text vor hellem Hintergrund umfasst.InvertedSetting is a Boolean value. true if the color palette is generally light text on a dark background. false if the color palette is generally dark text on a light background.

  • Slot1 ist der Anmerkungsname des Farbplatzes, der in der Farbpalettenauswahl der Designoberfläche als der erste Block des Palettensymbols verwendet werden soll.Slot1 is the annotation name of the color slot to use as the first block of the palette icon in the color palette picker of the theming experience.

  • Slot2 ist der Anmerkungsname des Farbplatzes, der in der Farbpalettenauswahl der Designoberfläche als der zweite Block des Palettensymbols verwendet werden soll.Slot2 is the annotation name of the color slot to use as the second block of the palette icon in the color palette picker of the theming experience.

  • Slot3 ist der Anmerkungsname des Farbplatzes, der in der Farbpalettenauswahl der Designoberfläche als der dritte Block des Palettensymbols verwendet werden soll.Slot3 is the annotation name of the color slot to use as the third block of the palette icon in the color palette picker of the theming experience.

  • ColorSlot ist der Anmerkungsname des Farbplatzes, den Sie definieren (z. B. Websitetitel).ColorSlot is the annotation name of the color slot that you are defining (for example, SiteTitle).

  • Color ist der Hexadezimalwert der Farbe, die für den angegebenen Farbplatz verwendet werden soll. Er kann sechsstellig (RRGGBB) oder achtstellig (AARRGGBB) sein. Wenn der Hexadezimalwert achtstellig ist, geben die ersten beiden Stellen die Transparenzstufe (00-FF, was 0-255 entspricht) an. Ist der Hexadezimalwert sechsstellig, ist der Standardtransparenzwert 100 % oder FF.Color is the hexadecimal value of the color to use for the specified color slot. This may be in 6 digits (RRGGBB) or 8 digits (AARRGGBB). If the hexadecimal value is 8 digits, the first two digits represent the opacity level (00-FF, which maps to 0-255). If the hexadecimal value is 6 digits, the default opacity is 100% or FF.

Die Farbpalettendateien sich im Designkatalog der Stammwebsite gespeichert, in der Websitesammlung im Ordner 15 (http:// SiteCollectionName/catalogs/theme/15/). Um den Designkatalog über die Benutzerfläche von SharePoint aufzurufen, wählen Sie auf der Seite Websiteeinstellungen unter Web-Designer-Kataloge Designs und dann 15 aus.The color palette files are located in the Theme Gallery of the root site, in the site collection in the 15 folder (http:// _SiteCollectionName/_catalogs/theme/15/). To access the Theme Gallery from the SharePoint user interface, on the Site Settings page, under Web Designer Galleries, select Themes, and then select 15.

  • Vorschaudatei für Gestaltungsvorlagen (.preview)Master page preview file (.preview)

    Vorschaudateien für Gestaltungsvorlagen werden verwendet, um bei Verwendung des Assistenten Aussehen ändern Miniatur- und Vorschaubilder zu generieren. Eine Gestaltungsvorlage muss eine entsprechende Vorschaudatei aufweisen, die im Assistenten Aussehen ändern verwendet wird. Eine Vorschaudatei stellt eine speziell formatierte Datei dar, die Abschnitte für die Standardfarbpalette, das Standardschriftartenschema, Token-CSS und Token-HTML enthält. Sie verwendet Zeichenfolgetoken, um den Wert von Farbplätzen, Schriftartnamen und lokalisierten UI-Zeichenfolgen abzurufen. Das folgende Beispiel zeigt Farbplätze, die in der Vorschaudatei für Gestaltungsvorlagen verwendet werden.Master page preview files are used to generate thumbnail images and preview images when you use the Change the look wizard. A master page must have a corresponding preview file to be used in the Change the look wizard. A preview file is a specially formatted file that has sections for the default color palette, default font scheme, tokenized CSS, and tokenized HTML. It uses string tokens to get the value of color slots, font names, and localized UI strings. The following example shows color slots being used in the master page preview file.


[ID] #dgp-pageContainer
{
    background-color: [T_THEME_COLOR_PAGEBACKGROUND];
    color: [T_THEME_COLOR_BODYTEXT];
    width: 100%;
    height:100%;     
    background-image: url('[T_IMAGE]');       
    background-size: cover;
    font-family: [T_BODY_FONT];   
}

Weitere Informationen finden Sie unter Gewusst wie: Erstellen einer Gestaltungsvorlagen-Vorschaudatei in SharePointFor more information, see How to: Create a master page preview file in SharePoint

Tipp: Sie können das SharePoint-Farbpalettentool zum Erstellen von SharePoint-Designs verwenden.Tip: You can use the SharePoint color palette tool to help you create SharePoint designs. Sie können das SharePoint-Farbpalettentool im Microsoft Download Center herunterladen.You can download the SharePoint color palette tool from the Microsoft Download Center.

Farbmodul-ZuordnungColor slot mapping

Tabelle 1 beschreibt die verfügbaren Farbmodule und wo diese Farbmodule auf einer SharePoint-Website verwendet werden.Table 1 describes the color slots that are available and where color slots are used in a SharePoint site.

Hinweis

Bei der Erläuterung von Navigationselementen bedeutet „Pressed“ (Gedrückt), dass ein Benutzer auf ein Navigationselement klickt oder es berührt. „Selected“ (Ausgewählt) bezieht sich darauf, dass ein Benutzer auf die Seite geleitet wird.> Nachfolgend finden Sie eine Zusammenfassung einer normalen Aktionenfolge und des Farbmoduls für den Navigationselement-Link in jedem Schritt:> Der Basistext eines Navigationselement-Links: HeaderNavigationText> Ein Benutzer bewegt den Cursor über den Navigationselement-Link: HeaderNavigationHoverText> Ein Benutzer klickt auf, berührt oder wählt den Navigationselement-Link: HeaderNavigationPressedText> Der Benutzer wird auf die ausgewählten Seite geleitet.When discussing navigation items,pressed applies to when a user clicks or touches a navigation item.Selected applies to when a user is navigated to the page.> The following summarizes a normal flow of actions and the color slot that applies to the navigation item link at each step:> The base text of a navigation item link: HeaderNavigationText> A user hovers the cursor over the navigation item link: HeaderNavigationHoverText> A user clicks, touches, or chooses the navigation item link: HeaderNavigationPressedText> The user is navigated to the chosen page. Das Farbmodul, das sich auf das Navigationselement für die Seite bezieht, auf der sich der Benutzer nun befindet: HeaderNavigationSelectedTextThe color slot that applies to the navigation item for the page the user is now on: HeaderNavigationSelectedText

Tabelle 1. FarbmoduleTable 1. Color slots

AnmerkungsnameAnnotation Name Wo die Farbe in der UI verwendet wirdWhere the Color Is Used in the UI TokennameToken Name
BodyTextBodyText
Normaler TextkörperNormal body text.
[T_THEME_COLOR_BODYTEXT][T_THEME_COLOR_BODYTEXT]
SubtleBodyTextSubtleBodyText
Textkörper, der heller als normal sein muss, wie z. B. MetadatentextBody text that must be lighter than normal. An example is metadata text.
[T_THEME_COLOR_SUBTLEBODYTEXT][T_THEME_COLOR_SUBTLEBODYTEXT]
StrongBodyTextStrongBodyText
Textkörperfarbe für Text, der sich vom normalen Textkörper abheben mussBody text color for text that must stand out from normal body text.
[T_THEME_COLOR_STRONGBODYTEXT][T_THEME_COLOR_STRONGBODYTEXT]
DisabledTextDisabledText
Deaktivierter Text, z. B. nicht verfügbare Elemente in MenüsDisabled text. For example, unavailable items in menus.
[T_THEME_COLOR_DISABLEDTEXT][T_THEME_COLOR_DISABLEDTEXT]
SiteTitleSiteTitle
Die Textfarbe des SeitentitelsThe text color of the page title.
[T_THEME_COLOR_SITETITLE][T_THEME_COLOR_SITETITLE]
WebPartHeadingWebPartHeading
Textfarbe für Webpart-Überschriften.Text color for Web Part headings.
[T_THEME_COLOR_WEBPARTHEADING][T_THEME_COLOR_WEBPARTHEADING]
ErrorTextErrorText
Die Hauptfarbe für Text, Rahmen und Hintergründe, die sich auf Fehler beziehen (nach Bedarf)The main error color that is used for error text, borders, and backgrounds, as needed.
[T_THEME_COLOR_ERRORTEXT][T_THEME_COLOR_ERRORTEXT]
AccentTextAccentText
Textfarbe für hervorgehobenen TextkörperText color for accented body text.
[T_THEME_COLOR_ACCENTTEXT][T_THEME_COLOR_ACCENTTEXT]
SearchURLSearchURL
Textfarbe für die in Suchergebnissen gefundene URL. Wird auch zum Hervorheben neuer Elemente oder Erfolgsstatusmeldungen verwendet.Text color for the URL found in search results. Also used to highlight new items or successful status notifications.
[T_THEME_COLOR_SEARCHURL][T_THEME_COLOR_SEARCHURL]
HyperlinkHyperlink
Textfarbe für HyperlinksText color for hyperlinks.
[T_THEME_COLOR_HYPERLINK][T_THEME_COLOR_HYPERLINK]
HyperlinkFollowedHyperlinkFollowed
Textfarbe für gefolgte HyperlinksText color for followed hyperlinks.
[T_THEME_COLOR_HYPERLINKFOLLOWED][T_THEME_COLOR_HYPERLINKFOLLOWED]
HyperlinkActiveHyperlinkActive
Hyperlinkfarbe, wenn Hyperlink gedrückt wirdHyperlink color when pressed.
[T_THEME_COLOR_HYPERLINKACTIVE][T_THEME_COLOR_HYPERLINKACTIVE]
CommandLinksCommandLinks
Große Befehlslinks, die aufgrund ihrer Größe ein bisschen heller sein müssen als der TextkörperLarge command links that must be a bit lighter than body text because of their size.
[T_THEME_COLOR_COMMANDLINKS][T_THEME_COLOR_COMMANDLINKS]
CommandLinksSecondaryCommandLinksSecondary
Befehlslinkfarbe für Links, die kleiner sind und daher eine stärkere Farbe aufweisen, um hervorzutretenCommand link color for links that are smaller, and therefore have a stronger color to stand out.
[T_THEME_COLOR_COMMANDLINKSSECONDARY][T_THEME_COLOR_COMMANDLINKSSECONDARY]
CommandLinksHoverCommandLinksHover
Befehlslinkfarbe beim DaraufzeigenCommand link color on hover.
[T_THEME_COLOR_COMMANDLINKSHOVER][T_THEME_COLOR_COMMANDLINKSHOVER]
CommandLinksPressedCommandLinksPressed
Befehlslinkfarbe, wenn Befehlslink gedrückt wirdCommand link color when pressed.
[T_THEME_COLOR_COMMANDLINKSPRESSED][T_THEME_COLOR_COMMANDLINKSPRESSED]
CommandLinksDisabledCommandLinksDisabled
Befehlslinkfarbe, wenn Befehlslink deaktiviert istCommand link color when command link is disabled.
[T_THEME_COLOR_COMMANDLINKSDISABLED][T_THEME_COLOR_COMMANDLINKSDISABLED]
BackgroundOverlayBackgroundOverlay
Die Haupthintergrundfarbe, die zwischen dem optionalen Hintergrundbild und dem Seiteninhalt sichtbar istThe main background color that is visible between the optional background image and the page content.
[T_THEME_COLOR_BACKGROUNDOVERLAY][T_THEME_COLOR_BACKGROUNDOVERLAY]
DisabledBackgroundDisabledBackground
Hintergrund für deaktivierte Elemente wie Browsersteuerelemente, z. B. Eingabe- oder Auswahlfeld (außer Schaltflächen)Background for disabled elements such as browser controls, for example, input box or select box (except buttons).
[T_THEME_COLOR_DISABLEDBACKGROUND][T_THEME_COLOR_DISABLEDBACKGROUND]
PageBackgroundPageBackground
Die Hintergrundfarbe der Seite. Erscheint hinter dem optionalen Hintergrundbild.The background color of the page. Appears behind the optional background image.
[T_THEME_COLOR_PAGEBACKGROUND][T_THEME_COLOR_PAGEBACKGROUND]
HeaderBackgroundHeaderBackground
Die Hintergrundfarbe für den Kopfbereich der SeiteThe background color for the header area of the page.
[T_THEME_COLOR_HEADERBACKGROUND][T_THEME_COLOR_HEADERBACKGROUND]
FooterBackgroundFooterBackground
Die Hintergrundfarbe für den Fußzeilenbereich der SeiteThe background color for the footer area of the page.
[T_THEME_COLOR_FOOTERBACKGROUND][T_THEME_COLOR_FOOTERBACKGROUND]
SelectionBackgroundSelectionBackground
Die Hintergrundfarbe für ausgewählte Listenelemente und Dropdownmenü-ElementeThe background color for selected list items and drop-down menu items.
[T_THEME_COLOR_SELECTIONBACKGROUND][T_THEME_COLOR_SELECTIONBACKGROUND]
HoverBackgroundHoverBackground
Die Hintergrundfarbe für Listenelemente und Dropdownmenü-Elemente beim DaraufzeigenThe background color for list items and drop-down menu items on hover.
[T_THEME_COLOR_HOVERBACKGROUND][T_THEME_COLOR_HOVERBACKGROUND]
RowAccentRowAccent
Der hervorgehobene linke Rand bei ausgewählten ListenelementenThe accented left border on selected list items.
[T_THEME_COLOR_ROWACCENT][T_THEME_COLOR_ROWACCENT]
StrongLinesStrongLines
Rahmen für Browsersteuerelemente beim DaraufzeigenBorders for browser controls on hover.
[T_THEME_COLOR_STRONGLINES][T_THEME_COLOR_STRONGLINES]
LinesLines
Rahmen für BrowsersteuerelementeBorders for browser controls.
[T_THEME_COLOR_LINES][T_THEME_COLOR_LINES]
SubtleLinesSubtleLines
Farbe für dezente Rahmen, z. B. Rasterlinien für InlinebearbeitungSubtle border color. For example, gridlines for inline editing.
[T_THEME_COLOR_SUBTLELINES][T_THEME_COLOR_SUBTLELINES]
DisabledLinesDisabledLines
Rahmenfarbe für deaktivierte Browsersteuerelemente wie Eingabe- und AuswahlfelderBorder color for disabled browser controls such as input boxes and select boxes.
[T_THEME_COLOR_DISABLEDLINES][T_THEME_COLOR_DISABLEDLINES]
AccentLinesAccentLines
Farbe für fokussierte Rahmen bei ausgewählten BrowsersteuerelementenFocused border color for selected browser controls.
[T_THEME_COLOR_ACCENTLINES][T_THEME_COLOR_ACCENTLINES]
DialogBorderDialogBorder
Farbe für DialogfeldrahmenDialog box border color.
[T_THEME_COLOR_DIALOGBORDER][T_THEME_COLOR_DIALOGBORDER]
NavigationNavigation
Textfarbe für horizontale und vertikale NavigationselementeText color for horizontal and vertical navigation items.
[T_THEME_COLOR_NAVIGATION][T_THEME_COLOR_NAVIGATION]
NavigationAccentNavigationAccent
Textfarbe für ein ausgewähltes horizontales NavigationselementText color for a selected horizontal navigation item.
[T_THEME_COLOR_NAVIGATIONACCENT][T_THEME_COLOR_NAVIGATIONACCENT]
NavigationHoverNavigationHover
Navigationstextfarbe beim Daraufzeigen. Gilt für obere Navigationselemente und für Schnellstartelemente im horizontalen ModusNavigation text color on hover. Applies to top navigation, and to Quick Launch in horizontal mode.
[T_THEME_COLOR_NAVIGATIONHOVER][T_THEME_COLOR_NAVIGATIONHOVER]
NavigationPressedNavigationPressed
Textfarbe von Navigationselementen, wenn diese gedrückt werden. Gilt für obere Navigationselemente und für Schnellstartelemente im horizontalen ModusText color of navigation item when pressed. Applies to top navigation, and to Quick Launch in horizontal mode.
[T_THEME_COLOR_NAVIGATIONPRESSED][T_THEME_COLOR_NAVIGATIONPRESSED]
NavigationHoverBackgroundNavigationHoverBackground
Hintergrundfarbe für Schnellstartelemente im vertikalen Modus beim DaraufzeigenBackground color of Quick Launch items in vertical mode on hover over the navigation item.
[T_THEME_COLOR_NAVIGATIONHOVERBACKGROUND][T_THEME_COLOR_NAVIGATIONHOVERBACKGROUND]
NavigationSelectedBackgroundNavigationSelectedBackground
Hintergrundfarbe von Schnellstartelementen im vertikalen Modus, nachdem das Navigationselement ausgewählt wurdeBackground color of Quick Launch items in vertical mode after the navigation item is selected.
[T_THEME_COLOR_NAVIGATIONSELECTEDBACKGROUND][T_THEME_COLOR_NAVIGATIONSELECTEDBACKGROUND]
EmphasisTextEmphasisText
Die Textfarbe, die auf hervorgehobenem Hintergrund angezeigt wirdThe text color that appears on top of emphasis background.
[T_THEME_COLOR_EMPHASISTEXT][T_THEME_COLOR_EMPHASISTEXT]
EmphasisBackgroundEmphasisBackground
Die Farbe für hervorgehobenen Hintergrund, der direkt hinter hervorgehobenem Text angezeigt wirdThe accented background color that appears directly behind emphasis text.
[T_THEME_COLOR_EMPHASISBACKGROUND][T_THEME_COLOR_EMPHASISBACKGROUND]
EmphasisHoverBackgroundEmphasisHoverBackground
Hintergrundfarbe beim Daraufzeigen, für Elemente, die hervorgehobenen Hintergrund verwendenBackground color on hover, for elements that are using emphasis background.
[T_THEME_COLOR_EMPHASISHOVERBACKGROUND][T_THEME_COLOR_EMPHASISHOVERBACKGROUND]
EmphasisBorderEmphasisBorder
Rahmenfarbe für Elemente mit hervorgehobenem HintergrundBorder color for elements that are using emphasis background.
[T_THEME_COLOR_EMPHASISBORDER][T_THEME_COLOR_EMPHASISBORDER]
EmphasisHoverBorderEmphasisHoverBorder
Rahmenfarbe beim Daraufzeigen für Elemente mit hervorgehobenem HintergrundBorder color on hover for elements that are using emphasis background.
[T_THEME_COLOR_EMPHASISHOVERBORDER][T_THEME_COLOR_EMPHASISHOVERBORDER]
SubtleEmphasisTextSubtleEmphasisText
Text, der auf dezent hervorgehobenem Hintergrund angezeigt wirdText that appears on top of subtle emphasis background.
[T_THEME_COLOR_SUBTLEEMPHASISTEXT][T_THEME_COLOR_SUBTLEEMPHASISTEXT]
SubtleEmphasisCommandLinksSubtleEmphasisCommandLinks
Befehlslinkfarbe für Links, die auf dezent hervorgehobenem Hintergrund angezeigt werdenCommand link color for links that appear on top of subtle emphasis background.
[T_THEME_COLOR_SUBTLEEMPHASISCOMMANDLINKS][T_THEME_COLOR_SUBTLEEMPHASISCOMMANDLINKS]
SubtleEmphasisBackgroundSubtleEmphasisBackground
Hintergrund, der direkt hinter dezent hervorgehobenem Text angezeigt wirdBackground that appears directly behind subtle emphasis text.
[T_THEME_COLOR_SUBTLEEMPHASISBACKGROUND][T_THEME_COLOR_SUBTLEEMPHASISBACKGROUND]
TopBarTextTopBarText
Text- und Glyphenfarbe für das Willkommensmenü, Symbole auf der Schnellzugriffsleiste und geschlossene Registerkarten auf dem MenübandText and glyph color for the welcome menu, quick access toolbar icons, and closed ribbon tabs.
[T_THEME_COLOR_TOPBARTEXT][T_THEME_COLOR_TOPBARTEXT]
TopBarBackgroundTopBarBackground
Die Hintergrundfarbe für die obere Leiste, die unterhalb und rechts der Suitenavigation angezeigt wirdThe background color for the top bar, which is seen below and to the right of the suite navigation.
[T_THEME_COLOR_TOPBARBACKGROUND][T_THEME_COLOR_TOPBARBACKGROUND]
TopBarHoverTextTopBarHoverText
Text- und Glyphenfarbe beim Daraufzeigen für das Willkommensmenü, Symbole auf der Schnellzugriffsleiste und geschlossene Registerkarten auf dem MenübandText and glyph color on hover for the welcome menu, quick access toolbar icons, and closed ribbon tabs.
[T_THEME_COLOR_TOPBARHOVERTEXT][T_THEME_COLOR_TOPBARHOVERTEXT]
TopBarPressedTextTopBarPressedText
Text- und Glyphenfarbe beim Drücken auf das Willkommensmenü, Symbole auf der Schnellzugriffsleiste und geschlossene Registerkarten auf dem MenübandText and glyph color for when the welcome menu, quick access toolbar icons, or closed ribbon tabs are pressed.
[T_THEME_COLOR_TOPBARPRESSEDTEXT][T_THEME_COLOR_TOPBARPRESSEDTEXT]
HeaderTextHeaderText
Die Basistextfarbe für den gesamten KopfbereichThe base text color for anything in the header area.
[T_THEME_COLOR_HEADERTEXT][T_THEME_COLOR_HEADERTEXT]
HeaderSubtleTextHeaderSubtleText
Hilfetext für das Suchfeld im KopfbereichHelper text for the search box when in the header area.
[T_THEME_COLOR_HEADERSUBTLETEXT][T_THEME_COLOR_HEADERSUBTLETEXT]
HeaderDisableTextHeaderDisableText
Text für das Suchfeld, wenn sich das Suchfeld im Kopfbereich befindet und deaktiviert istText for the search box, if the search box is disabled when in the header area.
[T_THEME_COLOR_HEADERDISABLETEXT][T_THEME_COLOR_HEADERDISABLETEXT]
HeaderNavigationTextHeaderNavigationText
Basistextfarbe für Navigationslinks im KopfbereichBase text color for navigation links in the header area.
[T_THEME_COLOR_HEADERNAVIGATIONTEXT][T_THEME_COLOR_HEADERNAVIGATIONTEXT]
HeaderNavigationHoverTextHeaderNavigationHoverText
Textfarbe für Navigationslinks im Kopfbereich beim Daraufzeigen auf den LinkText color for navigation links in the header area when you hover over the link.
[T_THEME_COLOR_HEADERNAVIGATIONHOVERTEXT][T_THEME_COLOR_HEADERNAVIGATIONHOVERTEXT]
HeaderNavigationPressedTextHeaderNavigationPressedText
Textfarbe für Navigationlinks im Kopfbereich beim Drücken des LinksText color for navigation links in the header area when you press the link.
[T_THEME_COLOR_HEADERNAVIGATIONPRESSEDTEXT][T_THEME_COLOR_HEADERNAVIGATIONPRESSEDTEXT]
HeaderNavigationSelectedTextHeaderNavigationSelectedText
Textfarbe für Navigationslinks im Kopfbereich bei Auswahl des LinksText color for navigation links in the header area after the link is selected.
[T_THEME_COLOR_HEADERNAVIGATIONSELECTEDTEXT][T_THEME_COLOR_HEADERNAVIGATIONSELECTEDTEXT]
HeaderLinesHeaderLines
Suchfeldlinien, wenn sich das Suchfeld im Kopfbereich befindetSearch box lines when the search box is in the header area.
[T_THEME_COLOR_HEADERLINES][T_THEME_COLOR_HEADERLINES]
HeaderStrongLinesHeaderStrongLines
Suchfeldlinien beim Daraufzeigen, wenn sich das Suchfeld im Kopfbereich befindetSearch box lines on hover when the search box is in the header area.
[T_THEME_COLOR_HEADERSTRONGLINES][T_THEME_COLOR_HEADERSTRONGLINES]
HeaderAccentLinesHeaderAccentLines
Suchfeldlinien im Fokus, wenn sich das Suchfeld im Kopfbereich befindetSearch box lines on focus when the search box is in the header area.
[T_THEME_COLOR_HEADERACCENTLINES][T_THEME_COLOR_HEADERACCENTLINES]
HeaderSublteLinesHeaderSublteLines
Dezente Linien im Kopfbereich. Werden in CSS-Standarddateien nicht verwendet.Subtle lines found inside the header area. Not used in default CSS.
[T_THEME_COLOR_HEADERSUBTLELINES][T_THEME_COLOR_HEADERSUBTLELINES]
HeaderDisabledLinesHeaderDisabledLines
Suchfeldlinien, wenn sich das Suchfeld im Kopfbereich befindet und deaktiviert istSearch box lines if the search box is disabled when it's in the header area.
[T_THEME_COLOR_HEADERDISABLEDLINES][T_THEME_COLOR_HEADERDISABLEDLINES]
HeaderDisabledBackgroundHeaderDisabledBackground
Suchfeldhintergrund, wenn sich das Suchfeld im Kopfbereich befindet und deaktiviert istSearch box background if the search box is disabled when it's in the header area.
[T_THEME_COLOR_HEADERDISABLEDBACKGROUND][T_THEME_COLOR_HEADERDISABLEDBACKGROUND]
HeaderFlyoutBorderHeaderFlyoutBorder
Rahmen für Dropdownmenüs im KopfbereichBorder for drop-down menus when originating from the header area.
[T_THEME_COLOR_HEADERFLYOUTBORDER][T_THEME_COLOR_HEADERFLYOUTBORDER]
HeaderSiteTitleHeaderSiteTitle
Textfarbe für den Websitetitel im KopfbereichText color for the site title when in the header area.
[T_THEME_COLOR_HEADERSITETITLE][T_THEME_COLOR_HEADERSITETITLE]
SuiteBarBackgroundSuiteBarBackground
Hintergrundfarbe für die SuitenavigationBackground color for the suite navigation.
[T_THEME_COLOR_SUITEBARBACKGROUND][T_THEME_COLOR_SUITEBARBACKGROUND]
SuiteBarHoverBackgroundSuiteBarHoverBackground
Hintergrundfarbe beim Daraufzeigen für die SuitenavigationBackground color on hover for the suite navigation.
[T_THEME_COLOR_SUITEBARHOVERBACKGROUND][T_THEME_COLOR_SUITEBARHOVERBACKGROUND]
SuiteBarTextSuiteBarText
Text- und Glyphenfarbe für die SuitenavigationselementeText and glyph color for the suite navigation items.
[T_THEME_COLOR_SUITEBARTEXT][T_THEME_COLOR_SUITEBARTEXT]
SuiteBarDisabledTextSuiteBarDisabledText
Text- und Glyphenfarbe für deaktivierte Suiteelemente. Wird in CSS-Standarddateien nicht verwendet.Text and glyph color for disabled suite items. Not used in default CSS.
[T_THEME_COLOR_SUITEBARDISABLEDTEXT][T_THEME_COLOR_SUITEBARDISABLEDTEXT]
ButtonTextButtonText
Textfarbe für SchaltflächenText color for buttons.
[T_THEME_COLOR_BUTTONTEXT][T_THEME_COLOR_BUTTONTEXT]
ButtonDisabledTextButtonDisabledText
Textfarbe für deaktivierte SchaltflächenText color for disabled buttons.
[T_THEME_COLOR_BUTTONDISABLEDTEXT][T_THEME_COLOR_BUTTONDISABLEDTEXT]
ButtonBackgroundButtonBackground
Hintergrundfarbe für SchaltflächenBackground color for buttons.
[T_THEME_COLOR_BUTTONBACKGROUND][T_THEME_COLOR_BUTTONBACKGROUND]
ButtonHoverBackgroundButtonHoverBackground
Hintergrundfarbe für Schaltflächen beim DaraufzeigenBackground color for buttons on hover.
[T_THEME_COLOR_BUTTONHOVERBACKGROUND][T_THEME_COLOR_BUTTONHOVERBACKGROUND]
ButtonPressedBackgroundButtonPressedBackground
Hintergrundfarbe für gedrückte SchaltflächenBackground color for buttons while pressed.
[T_THEME_COLOR_BUTTONPRESSEDBACKGROUND][T_THEME_COLOR_BUTTONPRESSEDBACKGROUND]
ButtonDisabledBackgroundButtonDisabledBackground
Hintergrundfarbe für deaktivierte SchaltflächenBackground color for disabled buttons.
[T_THEME_COLOR_BUTTONDISABLEDBACKGROUND][T_THEME_COLOR_BUTTONDISABLEDBACKGROUND]
ButtonBorderButtonBorder
Rahmenfarbe für SchaltflächenBorder color for buttons.
[T_THEME_COLOR_BUTTONBORDER][T_THEME_COLOR_BUTTONBORDER]
ButtonHoverBorderButtonHoverBorder
Rahmenfarbe für Schaltflächen beim DaraufzeigenBorder color for buttons on hover.
[T_THEME_COLOR_BUTTONHOVERBORDER][T_THEME_COLOR_BUTTONHOVERBORDER]
ButtonPressedBorderButtonPressedBorder
Rahmenfarbe für gedrückte SchaltflächenBorder color for buttons while pressed.
[T_THEME_COLOR_BUTTONPRESSEDBORDER][T_THEME_COLOR_BUTTONPRESSEDBORDER]
ButtonDisabledBorderButtonDisabledBorder
Rahmenfarbe für Schaltflächen, die deaktiviert sindBorder color for buttons that are disabled.
[T_THEME_COLOR_BUTTONDISABLEDBORDER][T_THEME_COLOR_BUTTONDISABLEDBORDER]
ButtonGlyphButtonGlyph
Glyphenfarbe für eine Glyphe, die in einer Schaltfläche angezeigt wirdGlyph color for a glyph that appears in a button.
[T_THEME_COLOR_BUTTONGLYPH][T_THEME_COLOR_BUTTONGLYPH]
ButtonGlyphActiveButtonGlyphActive
Glyphenfarbe beim Daraufzeigen, für eine Glyphe, die in einer Schaltfläche angezeigt wirdGlyph color on hover, for a glyph that appears in a button.
[T_THEME_COLOR_BUTTONGLYPHACTIVE][T_THEME_COLOR_BUTTONGLYPHACTIVE]
ButtonGlyphDisabledButtonGlyphDisabled
Glyphenfarbe für eine deaktivierte SchaltflächeGlyph color for a disabled button.
[T_THEME_COLOR_BUTTONGLYPHDISABLED][T_THEME_COLOR_BUTTONGLYPHDISABLED]
TileTextTileText
Der Text, der auf überlagertem Kachelhintergrund angezeigt wirdThe text that appears on top of the tile background overlay.
[T_THEME_COLOR_TILETEXT][T_THEME_COLOR_TILETEXT]
TileBackgroundOverlayTileBackgroundOverlay
Die Hintergrundüberlagerungsfarbe für KachelnThe background overlay color for tiles.
[T_THEME_COLOR_TILEBACKGROUNDOVERLAY][T_THEME_COLOR_TILEBACKGROUNDOVERLAY]
ContentAccent1ContentAccent1
Die erste Akzentfarbe, die ein Benutzer in der Rich-Text-Editor-Farbauswahl auswählen kannThe first accent color that a user can select from the Rich Text Editor color picker.
[T_THEME_COLOR_CONTENTACCENT1][T_THEME_COLOR_CONTENTACCENT1]
ContentAccent2ContentAccent2
Die zweite Akzentfarbe, die ein Benutzer in der Rich-Text-Editor-Farbauswahl auswählen kannThe second accent color that a user can select from the Rich Text Editor color picker.
[T_THEME_COLOR_CONTENTACCENT2][T_THEME_COLOR_CONTENTACCENT2]
ContentAccent3ContentAccent3
Die dritte Akzentfarbe, die ein Benutzer in der Rich-Text-Editor-Farbauswahl auswählen kannThe third accent color that a user can select from the Rich Text Editor color picker.
[T_THEME_COLOR_CONTENTACCENT3][T_THEME_COLOR_CONTENTACCENT3]
ContentAccent4ContentAccent4
Die vierte Akzentfarbe, die ein Benutzer in der Rich-Text-Editor-Farbauswahl auswählen kannThe fourth accent color that a user can select from the Rich Text Editor color picker.
[T_THEME_COLOR_CONTENTACCENT4][T_THEME_COLOR_CONTENTACCENT4]
ContentAccent5ContentAccent5
Die fünfte Akzentfarbe, die ein Benutzer in der Rich-Text-Editor-Farbauswahl auswählen kannThe fifth accent color that a user can select from the Rich Text Editor color picker.
[T_THEME_COLOR_CONTENTACCENT5][T_THEME_COLOR_CONTENTACCENT5]
ContentAccent6ContentAccent6
Die sechste Akzentfarbe, die ein Benutzer in der Rich-Text-Editor-Farbauswahl auswählen kannThe sixth accent color that a user can select from the Rich Text Editor color picker.
[T_THEME_COLOR_CONTENTACCENT6][T_THEME_COLOR_CONTENTACCENT6]

SchriftartenschemaFont schemes

Schriftarten werden im Schriftartenschema (.spfont-Datei) und der Gestaltungsvorlagenvorschau (.preview-Datei) für eine bestimmte SharePoint-Website definiert. Das Schriftartenschema definiert die Schriftarten, die in vier Bereichen verwendet werden: Titel, Navigation, Überschrift und Textkörper. Sieben Schriftartenschemas sind in SharePoint enthalten. Sie können zusätzliche Schriftartenschemas erstellen. Die Schriftartenschemadateien sind im 15-Unterordner des Designkatalogs der Stammwebsite der Websitesammlung abgelegt (http:// SiteCollectionName/catalogs/theme/15/). Um den Designkatalog über die Benutzerfläche von SharePoint aufzurufen, wählen Sie auf der Seite Websiteeinstellungen unter Web-Designer-Kataloge Designs und dann 15 aus.Fonts are defined in the font scheme (.spfont file) and the master page preview (.preview file) for a given SharePoint site. The font scheme defines the fonts that are used in four areas: title, navigation, heading, and body. Seven font schemes are included in SharePoint. You can create additional font schemes. The font scheme files are located in the 15 subfolder of the Theme Gallery of the root site of the site collection (http:// _SiteCollectionName/_catalogs/theme/15/). To access the Theme Gallery from the SharePoint user interface, on the Site Settings page, under Web Designer Galleries, select Themes, and then select 15.

Das folgende Beispiel beschreibt das Format für eine .spfont-Datei.The following example describes the format for an .spfont file.


<?xml version="1.0" encoding="utf-8"?>
<s:fontScheme name="FontSchemeName" previewSlot1="Slot1" previewSlot2="Slot2" xmlns:s="http://schemas.microsoft.com/sharepoint/">
  <s:fontSlots>
    <s:fontSlot name="FontSlotName">
      <s:latin typeface="LatinScriptFont" />
      <s:ea typeface="EAScriptFont"/>
      <s:cs typeface="CSFont" />
      <s:font script="Language" typeface="ScriptFont" />
      <!--Additional fonts-->
  </s:fontSlots>
  <!--Additional font slots-->
</s:fontScheme>

In einer .spfont-Datei werden die folgenden Platzhalter ersetzt:In an .spfont file, the following placeholders are replaced:

  • FontSchemeName ist der Name des Schriftartenschemas.FontSchemeName is the name of the font scheme.

  • Slot1 ist der Name des Schriftartenplatzes, den Sie als den ersten Block des Schriftartensymbols in der Schriftartenschemaauswahl im Assistenten Aussehen ändern verwenden möchten.Slot1 is the name of the font slot that you want to use as the first block of the font icon in the font scheme picker in the Change the look wizard.

  • Slot2 ist der Name des Schriftartenplatzes, den Sie als den zweiten Block des Schriftartensymbols in der Schriftartenschemaauswahl im Assistenten Aussehen ändern verwenden möchten.Slot2 is the name of the font slot that you want to use as the second block of the font icon in the font scheme picker in the Change the look wizard.

  • FontSlotName ist der Name des Schriftartenplatzes, den Sie definieren (z. B. Titel).FontSlotName is the name of the font slot that you are defining (for example, title).

  • LatinScriptFont ist die Schriftart, die für lateinische Skripts verwendet werden soll. Diese Schriftart ist ebenfalls die Fallbackschriftart. Das bedeutet, dass diese Schriftart für eine Sprache verwendet wird, die kein im Schriftartenschema explizit festgelegtes Skript aufweist.LatinScriptFont is the font to use for Latin scripts. This font is also the fallback font. That is, this is the font that is used for a language that does not have a script that is explicitly set in the font scheme.

    Hinweis

    Sie müssen zusätzliche Informationen bereitstellen, wenn Sie Webschriftarten in Ihrem Schriftartenschema verwenden möchten.You must provide additional information to use web fonts in your font scheme. Weitere Informationen finden Sie im Abschnitt Webschriftarten dieses Artikels.For more information, see the Web fonts section in this article.

  • EAScriptFont ist die Schriftart, die für ostasiatische Skripts verwendet werden soll. Das <s:ea>-Element wird von SharePoint derzeit nicht verwendet. Das <s:ea>-Element wird im Schriftartenschema dennoch benötigt.EAScriptFont is the font to use for East Asia scripts. The <s:ea> element is not currently used by SharePoint. But, the <s:ea> element is still required in the font scheme.

  • CSFont ist die Schriftart, die für komplexe Skripts verwendet werden soll. Das <s:cs>-Element wird von SharePoint derzeit nicht verwendet. Das <s:cs>-Element wird im Schriftartenschema dennoch benötigt.CSFont is the font to use for complex scripts. The <s:cs> element is not currently used by SharePoint. But, the <s:cs> element is still required in the font scheme.

  • Language ist das Sprachenskript.Language is the language script.

  • ScriptFont ist die Schriftart, die für das angegebene Sprachenskript verwendet werden soll.ScriptFont is the font to use for the specified language script.

Das folgende Beispiel zeigt einen Teil einer .spfont-Datei.The following example shows a portion of an .spfont file.


<s:fontScheme name="Georgia" previewSlot1="title" previewSlot2="body" xmlns:s="http://schemas.microsoft.com/sharepoint/">
    <s:fontSlots>
        <s:fontSlot name="title">
            <s:latin typeface="Georgia"/>
            <s:ea typeface=""/>
            <s:cs typeface="Segoe UI Light" />
            <s:font script="Arab" typeface="Tahoma" />
            <s:font script="Deva" typeface="Mangal" />
            <s:font script="Grek" typeface="Segoe UI Light" />
            <s:font script="Hang" typeface="Malgun Gothic" />
            <s:font script="Hans" typeface="Microsoft YaHei" />
            <s:font script="Hant" typeface="Microsoft JhengHei" />
            <s:font script="Hebr" typeface="Tahoma" />
            <s:font script="Hira" typeface="Meiryo" />
            <s:font script="Thai" typeface="Tahoma" />
            <s:font script="Armn" typeface="Tahoma" />
            <s:font script="Beng" typeface="Vrinda" />
            <s:font script="Cher" typeface="Plantagenet Cherokee" />
            <s:font script="Ethi" typeface="Nyala" />
            <s:font script="Geor" typeface="Sylfaen" />
            <s:font script="Gujr" typeface="Shruti" />
            <s:font script="Guru" typeface="Raavi" />
            <s:font script="Knda" typeface="Tunga" />
            <s:font script="Khmr" typeface="DaunPenh" />
            <s:font script="Laoo" typeface="DokChampa" />
            <s:font script="Mlym" typeface="Kartika" />
            <s:font script="Mymr" typeface="Myanmar Text" />
            <s:font script="Orya" typeface="Kalinga" />
            <s:font script="Sinh" typeface="Iskoola Pota" />
            <s:font script="Syrc" typeface="Estrangelo Edessa" />
            <s:font script="Taml" typeface="Latha" />
            <s:font script="Telu" typeface="Gautami" />
            <s:font script="Thaa" typeface="MV Boli" />
            <s:font script="Tibt" typeface="Cordia New" />
            <s:font script="Yiii" typeface="Microsoft Yi Baiti" />
        </s:fontSlot>
???

SharePoint umfasst Unterstützung für Webschriftarten. Sie müssen zusätzliche Informationen angeben, um in Ihrem Schriftartenschema Webschriftarten zu verwenden. Weitere Informationen finden Sie unter in diesem Artikel im Abschnitt Webschriftarten.SharePoint includes support for web fonts. You must provide additional information to use web fonts in your font scheme. For more information, see the Web fonts section in this article.

Websichere SchriftartenWeb-safe fonts

Als websichere Schriftarten werden Schriftarten bezeichnet, die häufig verwendet werden und auf den meisten Geräten standardmäßig verfügbar sind. Um im Schriftartenschema eine websichere Schriftart anzugeben, schließen Sie den Namen der Schriftart in das typeface-Attribut des Schriftartenplatzes ein. Das folgende Beispiel zeigt eine websichere Schriftart, die in einem Schriftartenschema verwendet wird.Web-safe fonts are a set of fonts that are widely used and available on most devices by default. To specify a web-safe font in the font scheme, include the name of the font in the typeface attribute of the font slot. The following example shows a web-safe font used in a font scheme.


<s:fontSlot name="title">
  <s:latin typeface="Georgia"/>
???
</s:fontSlot>

WebschriftartenWeb fonts

Webschriftarten sind Schriftarten, die im Internet verfügbar sind. Wenn ein Benutzer eine Website anzeigt, die Webschriftarten verwendet, lädt der Webbrowser mit der restlichen Seite die erforderlichen Schriftartendateien herunter. Um eine Webschriftart anzugeben, müssen Sie die URL zu Ihren Webschriftartendateien in vier Schriftartenformaten angeben (für browserübergreifende Unterstützung) sowie ein kleines und ein großes Miniaturbild, mit dem die Schriftartennamen in der Schriftartenschemaauswahl wiedergegeben werden.Web fonts are fonts that are available on the Internet. When a user views a site that uses web fonts, the web browser downloads the necessary font files along with the rest of the page. To specify a web font, you must provide the URL to your web font files in four font formats (for support across browsers), and a small and large thumbnail image to use to render the font names in the font scheme picker.

Das folgende Beispiel beschreibt die Informationen, die erforderlich sind, um eine Webschriftart in einem <s:latin>-Element zu verwenden.The following example describes the information that is required to use a web font in an <s:latin> element.


<s:latin typeface="FontName"
  eotsrc="EotFile"
  woffsrc="WoffFile"
  ttfsrc="TtfFile"
  svgsrc="SvgFile"
  largeimgsrc="LargeImgFile"
  smallimgsrc="SmallImgFile" />

In diesem Beispiel für die Verwendung einer Webschriftart würden die folgenden Platzhalter ersetzt werden:In this example of using a web font, the following placeholders would be replaced:

  • FontName ist der Name der Webschriftart.FontName is the name of the web font.

  • EotFile ist die relative URL zur Embedded OpenType-Schriftartendatei.EotFile is the relative URL to the Embedded Open Type font file.

  • WoffFile ist die relative URL zur Web Open Font Format-Schriftartendatei.WoffFile is the relative URL to the Web Open Font Format font file.

  • TtfFile ist die relative URL zur TrueType-Schriftartendatei.TtfFile is the relative URL to the TrueType font file.

  • SvgFile ist die relative URL zur Scalable Vector Graphics-Schriftartendatei.SvgFile is the relative URL to the Scalable Vector Graphics font file.

  • LargeImgFile ist die relative URL zum großen Miniaturbild, das Sie in der Schriftartenschemaauswahl verwenden möchten.LargeImgFile is the relative URL to the large thumbnail image that you want to use in the font scheme picker.

  • SmallImgFile ist die relative URL zum kleinen Miniaturbild, das Sie in der Schriftartenschemaauswahl verwenden möchten.SmallImgFile is the relative URL to the small thumbnail image that you want to use in the font scheme picker.

SchriftartenplätzeFont slots

Tabelle 1 beschreibt die verfügbaren Schriftartenplätze und die Stellen, an denen sie in einer Seite verwendet werden.Table 1 describes the available font slots and where they are used in a page.

Tabelle 1. SchriftartenplätzeTable 1. Font slots

Name des SchriftartenplatzesFont Slot Name BeschreibungDescription
titletitle
Wird für den Seitentitel verwendetUsed for the page title.
Navigationnavigation
Wird für die horizontalen und vertikalen Navigationselemente auf der Seite verwendetUsed for the horizontal and vertical navigation elements on the page.
large-headinglarge-heading
Wird für die H1-Überschrift verwendetUsed for the H1 heading.
headingheading
Wird für H2- und H3-Überschriften, Webpart-Titel, Dialogfeldtitel und Popuptitel verwendet.Used for H2 and H3 headings, Web Part titles, dialog box titles, and callout titles.
small-headingsmall-heading
Wird für H4-Überschriften verwendetUsed for H4 headings.
large-bodylarge-body
Wird für großen Fließtext verwendet (15 Pixel und 19 Pixel)Used for large body text (15 pixels and 19 pixels).
bodybody
Die Basisschriftart, die an allen anderen Stellen auf der Seite verwendet wirdThe base font that is used everywhere else on the page.

Siehe auchSee also