The main background color that is visible between the optional background image and the page content.īackground for disabled elements such as browser controls, for example, input box or select box (except buttons). Large command links that must be a bit lighter than body text because of their size.Ĭommand link color for links that are smaller, and therefore have a stronger color to stand out.Ĭommand link color when command link is disabled. Also used to highlight new items or successful status notifications. Text color for the URL found in search results. The main error color that is used for error text, borders, and backgrounds, as needed. An example is metadata text.īody text color for text that must stand out from normal body text.ĭisabled text. The color slot that applies to the navigation item for the page the user is now on: HeaderNavigationSelectedTextīody text that must be lighter than normal. 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. Table 1 describes the color slots that are available and where color slots are used in a SharePoint site. The following example shows color slots being used in the master page preview file.īackground-color: įor more information, see How to: Create a master page preview file in SharePoint Color slot mapping

It uses string tokens to get the value of color slots, font names, and localized UI strings. A preview file is a specially formatted file that has sections for the default color palette, default font scheme, tokenized CSS, and tokenized HTML. A master page must have a corresponding preview file to be used in the Change the look wizard. Master page preview files are used to generate thumbnail images and preview images when you use the Change the look wizard. 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. The color palette files are located in the Theme Gallery of the root site, in the site collection in the 15 folder ( SiteCollectionName/_catalogs/theme/15/). If the hexadecimal value is 6 digits, the default opacity is 100% or FF. If the hexadecimal value is 8 digits, the first two digits represent the opacity level (00-FF, which maps to 0-255). This may be in 6 digits (RRGGBB) or 8 digits (AARRGGBB). 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.ĬolorSlot is the annotation name of the color slot that you are defining (for example, SiteTitle).Ĭolor is the hexadecimal value of the color to use for the specified color slot. 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. 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. false if the color palette is generally dark text on a light background. true if the color palette is generally light text on a dark background. In a color palette file, the following placeholders are replaced: The following example shows the format of a color palette file.

You can also create additional color palette files. By default, 32 color palette files are installed with SharePoint. The following describes the structure of the color palette file and the master page preview file:Ĭolor 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. Color slots are also used by the master page preview file to generate thumbnail and preview images of a site. The color palette for a SharePoint site is defined in a color palette file. Color palettesĪ color palette is the combination of colors that are used in a SharePoint site. You cannot use this option with modern experiences in SharePoint Online, like with communication sites. This extensibility option is only available for classic SharePoint experiences. Use this reference to define the color palette or font scheme that is used in a SharePoint site.

Html font colorguide