Overview of themes in SharePoint 2013
Published: June 11, 2013
Summary: Learn about the themes in SharePoint Server 2013 and how to use them to customize the look and feel of sites.
Applies to: SharePoint Foundation 2013 | SharePoint Server 2013
Themes give you a quick and easy way to change the look and feel of any site in SharePoint 2013. They are predesigned collections of web page elements, such as fonts, color schemes, layout, and background pictures that come with SharePoint 2013. In SharePoint 2013, you can apply a theme to a site, and then preview it before committing the change. You can change the theme of a site any number of times. For more information about themes, see Themes overview for SharePoint 2013 in the MSDN Library.
Use of themes is one way to change the look and feel of a site. Themes are part of the larger, updated branding and design capabilities in SharePoint 2013. For an overview of all the branding and design capabilities in SharePoint 2013, see SharePoint 2013 Branding and design capabilities in the MSDN Library.
This article includes an overview of themes and how they work. This article does not describe how to create custom themes, called composed looks, or how to upload and manage themes in a theme gallery. It also does not discuss how to plan for the overall branding of sites by using master pages or cascading style sheets. For more information, see Develop the site design in SharePoint 2013 in the MSDN Library.
In this article:
Themes enable lightweight branding of a SharePoint 2013 site by allowing a site owner or a user who has designer rights to make changes to the color palette, site layout, font scheme, and background of a site. Themes are applied and customized directly in the user interface, and do not require knowledge of cascading style sheets or master pages.
By default, a theme is only applied to the site for which it is selected. It is not inherited by any subsites unless you are working with a publishing site., Or, if the publishing feature was enabled for a site, you can choose to either inherit the theme from the parent site or specify a theme that will be used by the site. For more information about how to use themes in branding publishing sites, see Choose a theme for your publishing site on Office.com. When working publishing sites and you want more control over your customizations than themes can provide, use Design Manager. For more information about Design Manager, see Overview of Design Manager in SharePoint 2013 in the MSDN Library.
Themes in SharePoint 2013 have been redesigned to simplify the process of customizing sites by changing the site layout, color palette, font scheme, and background image. The themes user interface has been redesigned and there is a set of new file formats related to themes. Themes created in SharePoint 2010 Products cannot be used on SharePoint 2013 sites. However, they can still be used on site collections that have not been upgraded and are running in 2010 mode. For more information about upgrading, see Plan for site collection upgrades in SharePoint 2013 and Create a plan for current customizations during upgrade to SharePoint 2013.
Components of the themes experience
The following section provides an overview of the terminology and user interface components that comprise the themes experience in SharePoint 2013.
The following list describes the themes terminology used in this article:
Design A design, or composed look, is the color palette, font scheme, background image, and master page that determine the look and feel of a site. When used to discuss the overall look of a site, design and theme can be used interchangeably.
Image The background image used for the site. You can change this in any of the preconfigured themes.
Color palette A color palette, or color scheme, is the combination of colors that are used in a site. You can select from a number of predefined color combinations.
Site layout A master page defines how all the elements are structured on the page. There are two site layouts available for each of the preconfigured themes.
Font scheme Defines the fonts used in a site. You can select from a list of available fonts.
You can access thumbnails of themes and apply them to a site through the Change the look gallery available in site settings.
The theme gallery can be accessed in the following ways:
Click Settings, and then click Change the look, or
On the Site Settings page, under Web Designer Galleries, click Themes, or
On the home page, click the What’s your style? tile.
Master page gallery
The master page gallery lists the master page files, and their corresponding preview files (.preview), that are used by the themes user interface. The preview files are used to render the thumbnail images in the design gallery. If a master page does not have a corresponding preview file, it cannot be used in the design gallery.
To access the master page gallery, on the Site Settings page, under Web Designer Galleries, click Master pages. For information about how to create master pages, see How to: Create a master page preview file in SharePoint 2013 in the MSDN Library.
Composed looks list
The composed looks list shows the designs that are available to the design gallery. A design includes the design name, master page URL, color palette URL, image URL (optional), font scheme URL (optional), and display order number.
To access the composed looks list, on the Site Settings page, under Web Designer Galleries, click Composed looks.
Ways to use themes
There are three ways to use themes on a site:
Use a preinstalled theme.
Modify a preinstalled theme.
Upload a custom theme (composed look) to the gallery.
Use a preinstalled theme
SharePoint 2013 comes with preinstalled themes, including the default SharePoint theme. When a new site is created, it will use the default SharePoint theme.
Modify a preinstalled theme
When a preinstalled theme is modified, a new theme called Current is created automatically after the theme changes have been applied. There can only be one Current theme for a site. SharePoint 2013 does not provide a way to save themes within the user interface. If you modify a preinstalled theme, apply the changes (thereby creating a new theme called Current), and then modify a second preinstalled theme. The second preinstalled theme becomes the Current theme when the settings are applied.
To save a modified theme, create a new list item in the composed looks list that contains the same master page, color palette, font scheme, and background image URLs of the modified theme (the modified theme is called Current in the composed looks list).
Upload your own Composed Looks files to the theme gallery
You can create custom themes by creating additional color palettes and font schemes and uploading them to the theme gallery. The new color palettes and font schemes are then available to you when you choose to modify a design in the design gallery. Similarly, if you want to have additional site layouts to choose from, you can upload additional master pages, and corresponding preview files, to the master page gallery.
You can create new designs by creating new list items in the composed looks list. Create a new list item and specify the master page, color palette, font scheme, and background image for the new design. For more information about how to create and deploy custom themes, see How to: Deploy a custom theme in SharePoint 2012 in the MSDN Library.
Plan for site collection upgrades in SharePoint 2013
Create a plan for current customizations during upgrade to SharePoint 2013
Themes overview for SharePoint 2013
SharePoint 2013 Branding and design capabilities
Develop the site design in SharePoint 2013
Choose a theme for your publishing site
Overview of Design Manager in SharePoint 2013
How to: Create a master page preview file in SharePoint 2013
How to: Deploy a custom theme in SharePoint 2012