Where the Buffalo Roam Script Font

Color palettes and fonts in SharePointColor palettes and fonts in SharePoint

BodyTextBodyText
Normal body text.
[T_THEME_COLOR_BODYTEXT] [T_THEME_COLOR_BODYTEXT]
SubtleBodyTextSubtleBodyText
Body of text that needs to be lighter than normal, such as B. Metadata Text Body text that must be lighter than normal. An example is metadata text.
[T_THEME_COLOR_SUBTLEBODYTEXT] [T_THEME_COLOR_SUBTLEBODYTEXT]
StrongBodyTextStrongBodyText
Body text color for text that must stand out from normal body text.
[T_THEME_COLOR_STRONGBODYTEXT] [T_THEME_COLOR_STRONGBODYTEXT]
DisabledTextDisabledText
Deactivated text, e.g. B. Unavailable items in menus Disabled text. For example, unavailable items in menus.
[T_THEME_COLOR_DISABLEDTEXT] [T_THEME_COLOR_DISABLEDTEXT]
SiteTitleSiteTitle
The text color of the page title.
[T_THEME_COLOR_SITETITLE] [T_THEME_COLOR_SITETITLE]
WebPartHeadingWebPartHeading
Text color for web part headings.
[T_THEME_COLOR_WEBPARTHEADING] [T_THEME_COLOR_WEBPARTHEADING]
ErrorTextErrorText
The main error color that is used for error text, borders, and backgrounds, as needed.
[T_THEME_COLOR_ERRORTEXT] [T_THEME_COLOR_ERRORTEXT]
AccentTextAccentText
Text color for accented body text.
[T_THEME_COLOR_ACCENTTEXT] [T_THEME_COLOR_ACCENTTEXT]
SearchURLSearchURL
Text color for the URL found in search results. Also used to highlight new items or success status messages. 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
Text color for hyperlinks.
[T_THEME_COLOR_HYPERLINK] [T_THEME_COLOR_HYPERLINK]
HyperlinkFollowedHyperlinkFollowed
Text color for followed hyperlinks.
[T_THEME_COLOR_HYPERLINKFOLLOWED] [T_THEME_COLOR_HYPERLINKFOLLOWED]
HyperlinkActiveHyperlinkActive
Hyperlink color when pressed.
[T_THEME_COLOR_HYPERLINKACTIVE] [T_THEME_COLOR_HYPERLINKACTIVE]
CommandLinksCommandLinks
Large command links that must be a bit lighter than body text because of their size.
[T_THEME_COLOR_COMMANDLINKS] [T_THEME_COLOR_COMMANDLINKS]
CommandLinksSecondaryCommandLinksSecondary
Command 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
Command link color on hover.
[T_THEME_COLOR_COMMANDLINKSHOVER] [T_THEME_COLOR_COMMANDLINKSHOVER]
CommandLinksPressedCommandLinksPressed
Command link color when pressed.
[T_THEME_COLOR_COMMANDLINKSPRESSED] [T_THEME_COLOR_COMMANDLINKSPRESSED]
CommandLinksDisabledCommandLinksDisabled
Command link color when command link is disabled.
[T_THEME_COLOR_COMMANDLINKSDISABLED] [T_THEME_COLOR_COMMANDLINKSDISABLED]
BackgroundOverlayBackgroundOverlay
The main background color that is visible between the optional background image and the page content.
[T_THEME_COLOR_BACKGROUNDOVERLAY] [T_THEME_COLOR_BACKGROUNDOVERLAY]
DisabledBackgroundDisabledBackground
Background for disabled elements such as browser controls, e.g. B. Input or selection field (except buttons) 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
The background color of the page. Appears behind the optional background image. Appears behind the optional background image.
[T_THEME_COLOR_PAGEBACKGROUND] [T_THEME_COLOR_PAGEBACKGROUND]
HeaderBackgroundHeaderBackground
The background color for the header area of ​​the page.
[T_THEME_COLOR_HEADERBACKGROUND] [T_THEME_COLOR_HEADERBACKGROUND]
FooterBackgroundFooterBackground
The background color for the footer area of ​​the page.
[T_THEME_COLOR_FOOTERBACKGROUND] [T_THEME_COLOR_FOOTERBACKGROUND]
SelectionBackgroundSelectionBackground
The background color for selected list items and drop-down menu items.
[T_THEME_COLOR_SELECTIONBACKGROUND] [T_THEME_COLOR_SELECTIONBACKGROUND]
HoverBackgroundHoverBackground
The background color for list items and drop-down menu items on hover.
[T_THEME_COLOR_HOVERBACKGROUND] [T_THEME_COLOR_HOVERBACKGROUND]
RowAccent RowAccent
The accented left border on selected list items.
[T_THEME_COLOR_ROWACCENT] [T_THEME_COLOR_ROWACCENT]
StrongLinesStrongLines
Borders for browser controls on hover.
[T_THEME_COLOR_STRONGLINES] [T_THEME_COLOR_STRONGLINES]
LinesLines
Borders for browser controls.
[T_THEME_COLOR_LINES] [T_THEME_COLOR_LINES]
SubtleLinesSubtleLines
Color for subtle frames, e.g. B. Grid lines for inline editingSubtle border color. For example, gridlines for inline editing.
[T_THEME_COLOR_SUBTLELINES] [T_THEME_COLOR_SUBTLELINES]
DisabledLinesDisabledLines
Border color for disabled browser controls such as input boxes and select boxes.
[T_THEME_COLOR_DISABLEDLINES] [T_THEME_COLOR_DISABLEDLINES]
AccentLinesAccentLines
Focused border color for selected browser controls.
[T_THEME_COLOR_ACCENTLINES] [T_THEME_COLOR_ACCENTLINES]
DialogBorderDialogBorder
Dialog box border color.
[T_THEME_COLOR_DIALOGBORDER] [T_THEME_COLOR_DIALOGBORDER]
NavigationNavigation
Text color for horizontal and vertical navigation items.
[T_THEME_COLOR_NAVIGATION] [T_THEME_COLOR_NAVIGATION]
NavigationAccentNavigationAccent
Text color for a selected horizontal navigation item.
[T_THEME_COLOR_NAVIGATIONACCENT] [T_THEME_COLOR_NAVIGATIONACCENT]
NavigationHoverNavigationHover
Navigation text color when pointing up. Applies to top navigation elements and to quick launch elements in horizontal modeNavigation text color on hover. Applies to top navigation, and to Quick Launch in horizontal mode.
[T_THEME_COLOR_NAVIGATIONHOVER] [T_THEME_COLOR_NAVIGATIONHOVER]
NavigationPressedNavigationPressed
Text color of navigation elements when they are pressed. Applies to top navigation items and to quick launch items in horizontal mode Text 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
Background color of Quick Launch items in vertical mode on hover over the navigation item.
[T_THEME_COLOR_NAVIGATIONHOVERBACKGROUND] [T_THEME_COLOR_NAVIGATIONHOVERBACKGROUND]
NavigationSelectedBackgroundNavigationSelectedBackground
Background color of Quick Launch items in vertical mode after the navigation item is selected.
[T_THEME_COLOR_NAVIGATIONSELECTEDBACKGROUND] [T_THEME_COLOR_NAVIGATIONSELECTEDBACKGROUND]
EmphasisTextEmphasisText
The text color that appears on top of emphasis background.
[T_THEME_COLOR_EMPHASISTEXT] [T_THEME_COLOR_EMPHASISTEXT]
EmphasisBackgroundEmphasisBackground
The accented background color that appears directly behind emphasis text.
[T_THEME_COLOR_EMPHASISBACKGROUND] [T_THEME_COLOR_EMPHASISBACKGROUND]
EmphasisHoverBackgroundEmphasisHoverBackground
Background color on hover, for elements that are using emphasis background.
[T_THEME_COLOR_EMPHASISHOVERBACKGROUND] [T_THEME_COLOR_EMPHASISHOVERBACKGROUND]
EmphasisBorderEmphasisBorder
Border color for elements that are using emphasis background.
[T_THEME_COLOR_EMPHASISBORDER] [T_THEME_COLOR_EMPHASISBORDER]
EmphasisHoverBorderEmphasisHoverBorder
Border color on hover for elements that are using emphasis background.
[T_THEME_COLOR_EMPHASISHOVERBORDER] [T_THEME_COLOR_EMPHASISHOVERBORDER]
SubtleEmphasisTextSubtleEmphasisText
Text that appears on top of subtle emphasis background.
[T_THEME_COLOR_SUBTLEEMPHASISTEXT] [T_THEME_COLOR_SUBTLEEMPHASISTEXT]
SubtleEmphasisCommandLinksSubtleEmphasisCommandLinks
Command link color for links that appear on top of subtle emphasis background.
[T_THEME_COLOR_SUBTLEEMPHASISCOMMANDLINKS] [T_THEME_COLOR_SUBTLEEMPHASISCOMMANDLINKS]
SubtleEmphasisBackgroundSubtleEmphasisBackground
Background that appears directly behind subtle emphasis text.
[T_THEME_COLOR_SUBTLEEMPHASISBACKGROUND] [T_THEME_COLOR_SUBTLEEMPHASISBACKGROUND]
TopBarTextTopBarText
Text and glyph color for the welcome menu, quick access toolbar icons, and closed ribbon tabs.
[T_THEME_COLOR_TOPBARTEXT] [T_THEME_COLOR_TOPBARTEXT]
TopBarBackgroundTopBarBackground
The 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 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 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
The base text color for anything in the header area.
[T_THEME_COLOR_HEADERTEXT] [T_THEME_COLOR_HEADERTEXT]
HeaderSubtleTextHeaderSubtleText
Helper text for the search box when in the header area.
[T_THEME_COLOR_HEADERSUBTLETEXT] [T_THEME_COLOR_HEADERSUBTLETEXT]
HeaderDisableTextHeaderDisableText
Text for the search box, if the search box is disabled when in the header area.
[T_THEME_COLOR_HEADERDISABLETEXT] [T_THEME_COLOR_HEADERDISABLETEXT]
HeaderNavigationTextHeaderNavigationText
Base text color for navigation links in the header area.
[T_THEME_COLOR_HEADERNAVIGATIONTEXT] [T_THEME_COLOR_HEADERNAVIGATIONTEXT]
HeaderNavigationHoverTextHeaderNavigationHoverText
Text color for navigation links in the header area when you hover over the link.
[T_THEME_COLOR_HEADERNAVIGATIONHOVERTEXT] [T_THEME_COLOR_HEADERNAVIGATIONHOVERTEXT]
HeaderNavigationPressedTextHeaderNavigationPressedText
Text color for navigation links in the header area when you press the link.
[T_THEME_COLOR_HEADERNAVIGATIONPRESSEDTEXT] [T_THEME_COLOR_HEADERNAVIGATIONPRESSEDTEXT]
HeaderNavigationSelectedTextHeaderNavigationSelectedText
Text color for navigation links in the header area after the link is selected.
[T_THEME_COLOR_HEADERNAVIGATIONSELECTEDTEXT] [T_THEME_COLOR_HEADERNAVIGATIONSELECTEDTEXT]
HeaderLinesHeaderLines
Search box lines when the search box is in the header area.
[T_THEME_COLOR_HEADERLINES] [T_THEME_COLOR_HEADERLINES]
HeaderStrongLinesHeaderStrongLines
Search box lines on hover when the search box is in the header area.
[T_THEME_COLOR_HEADERSTRONGLINES] [T_THEME_COLOR_HEADERSTRONGLINES]
HeaderAccentLinesHeaderAccentLines
Search box lines on focus when the search box is in the header area.
[T_THEME_COLOR_HEADERACCENTLINES] [T_THEME_COLOR_HEADERACCENTLINES]
HeaderSublteLinesHeaderSublteLines
Subtle lines in the head area. Not used in standard CSS files. Subtle lines found inside the header area. Not used in default CSS.
[T_THEME_COLOR_HEADERSUBTLELINES] [T_THEME_COLOR_HEADERSUBTLELINES]
HeaderDisabledLinesHeaderDisabledLines
Search box lines if the search box is disabled when it's in the header area.
[T_THEME_COLOR_HEADERDISABLEDLINES] [T_THEME_COLOR_HEADERDISABLEDLINES]
HeaderDisabledBackgroundHeaderDisabledBackground
Search box background if the search box is disabled when it's in the header area.
[T_THEME_COLOR_HEADERDISABLEDBACKGROUND] [T_THEME_COLOR_HEADERDISABLEDBACKGROUND]
HeaderFlyoutBorderHeaderFlyoutBorder
Border for drop-down menus when originating from the header area.
[T_THEME_COLOR_HEADERFLYOUTBORDER] [T_THEME_COLOR_HEADERFLYOUTBORDER]
HeaderSiteTitleHeaderSiteTitle
Text color for the site title when in the header area.
[T_THEME_COLOR_HEADERSITETITLE] [T_THEME_COLOR_HEADERSITETITLE]
SuiteBarBackgroundSuiteBarBackground
Background color for the suite navigation.
[T_THEME_COLOR_SUITEBARBACKGROUND] [T_THEME_COLOR_SUITEBARBACKGROUND]
SuiteBarHoverBackgroundSuiteBarHoverBackground
Background color on hover for the suite navigation.
[T_THEME_COLOR_SUITEBARHOVERBACKGROUND] [T_THEME_COLOR_SUITEBARHOVERBACKGROUND]
SuiteBarTextSuiteBarText
Text and glyph color for the suite navigation items.
[T_THEME_COLOR_SUITEBARTEXT] [T_THEME_COLOR_SUITEBARTEXT]
SuiteBarDisabledTextSuiteBarDisabledText
Text and glyph color for deactivated suite elements. Not used in standard CSS files. Text and glyph color for disabled suite items. Not used in default CSS.
[T_THEME_COLOR_SUITEBARDISABLEDTEXT] [T_THEME_COLOR_SUITEBARDISABLEDTEXT]
ButtonTextButtonText
Text color for buttons.
[T_THEME_COLOR_BUTTONTEXT] [T_THEME_COLOR_BUTTONTEXT]
ButtonDisabledTextButtonDisabledText
Text color for disabled buttons.
[T_THEME_COLOR_BUTTONDISABLEDTEXT] [T_THEME_COLOR_BUTTONDISABLEDTEXT]
ButtonBackgroundButtonBackground
Background color for buttons.
[T_THEME_COLOR_BUTTONBACKGROUND] [T_THEME_COLOR_BUTTONBACKGROUND]
ButtonHoverBackgroundButtonHoverBackground
Background color for buttons on hover.
[T_THEME_COLOR_BUTTONHOVERBACKGROUND] [T_THEME_COLOR_BUTTONHOVERBACKGROUND]
ButtonPressedBackgroundButtonPressedBackground
Background color for buttons while pressed.
[T_THEME_COLOR_BUTTONPRESSEDBACKGROUND] [T_THEME_COLOR_BUTTONPRESSEDBACKGROUND]
ButtonDisabledBackgroundButtonDisabledBackground
Background color for disabled buttons.
[T_THEME_COLOR_BUTTONDISABLEDBACKGROUND] [T_THEME_COLOR_BUTTONDISABLEDBACKGROUND]
ButtonBorderButtonBorder
Border color for buttons.
[T_THEME_COLOR_BUTTONBORDER] [T_THEME_COLOR_BUTTONBORDER]
ButtonHoverBorderButtonHoverBorder
Border color for buttons on hover.
[T_THEME_COLOR_BUTTONHOVERBORDER] [T_THEME_COLOR_BUTTONHOVERBORDER]
ButtonPressedBorderButtonPressedBorder
Border color for buttons while pressed.
[T_THEME_COLOR_BUTTONPRESSEDBORDER] [T_THEME_COLOR_BUTTONPRESSEDBORDER]
ButtonDisabledBorderButtonDisabledBorder
Border color for buttons that are disabled.
[T_THEME_COLOR_BUTTONDISABLEDBORDER] [T_THEME_COLOR_BUTTONDISABLEDBORDER]
ButtonGlyphButtonGlyph
Glyph color for a glyph that appears in a button.
[T_THEME_COLOR_BUTTONGLYPH] [T_THEME_COLOR_BUTTONGLYPH]
ButtonGlyphActiveButtonGlyphActive
Glyph color on hover, for a glyph that appears in a button.
[T_THEME_COLOR_BUTTONGLYPHACTIVE] [T_THEME_COLOR_BUTTONGLYPHACTIVE]
ButtonGlyphDisabledButtonGlyphDisabled
Glyph color for a disabled button.
[T_THEME_COLOR_BUTTONGLYPHDISABLED] [T_THEME_COLOR_BUTTONGLYPHDISABLED]
TileTextTileText
The text that appears on top of the tile background overlay.
[T_THEME_COLOR_TILETEXT] [T_THEME_COLOR_TILETEXT]
TileBackgroundOverlayTileBackgroundOverlay
The background overlay color for tiles.
[T_THEME_COLOR_TILEBACKGROUNDOVERLAY] [T_THEME_COLOR_TILEBACKGROUNDOVERLAY]
ContentAccent1ContentAccent1
The first accent color that a user can select from the Rich Text Editor color picker.
[T_THEME_COLOR_CONTENTACCENT1] [T_THEME_COLOR_CONTENTACCENT1]
ContentAccent2ContentAccent2
The second accent color that a user can select from the Rich Text Editor color picker.
[T_THEME_COLOR_CONTENTACCENT2] [T_THEME_COLOR_CONTENTACCENT2]
ContentAccent3ContentAccent3
The third accent color that a user can select from the Rich Text Editor color picker.
[T_THEME_COLOR_CONTENTACCENT3] [T_THEME_COLOR_CONTENTACCENT3]
ContentAccent4ContentAccent4
The fourth accent color that a user can select from the Rich Text Editor color picker.
[T_THEME_COLOR_CONTENTACCENT4] [T_THEME_COLOR_CONTENTACCENT4]
ContentAccent5ContentAccent5
The fifth accent color that a user can select from the Rich Text Editor color picker.
[T_THEME_COLOR_CONTENTACCENT5] [T_THEME_COLOR_CONTENTACCENT5]
ContentAccent6ContentAccent6
The sixth accent color that a user can select from the Rich Text Editor color picker.
[T_THEME_COLOR_CONTENTACCENT6] [T_THEME_COLOR_CONTENTACCENT6]