SharePoint 2013 Hosting :: SharePoint 2013 Branding with Themes

One of the easiest ways to brand a SharePoint site is by applying a theme. Themes define fonts and the colors of links, headers, etc. within SharePoint.

There are two main ways to create a theme for use in SharePoint 2013

  1. Create a custom theme in PowerPoint and import that theme into SharePoint
  2. Create or modify a theme in the Site Theme UI in SharePoint

How to create a custom theme in PowerPoint 2013 and upload it to SharePoint 2013

1. Open PowerPoint and select the Design tab

2. Click the Colors drop down, and click Create New Theme Colors

3. Set the desired colors for your Theme, provide a name and then click Save

  • In this case I’ll use an extreme font color to help visualize the change

4. Click the Fonts drop down, and click Create New Theme Fonts…

5. Select a Heading font and a Body font

  • Note the Sample gives you a preview of how the fonts look

6. Provide a name and click Save

7. Now to export the Theme click the drop down arrow in the Themes group in the Ribbon

8. Click Save Current Theme…

  • Give your theme file a meaningful name

9. Now switch to SharePoint

10. Login with Administrator credentials and navigate to a root site of a Site Collection

11. Click Site Actions, and then click Site Settings

12. Under the Galleries section, click Themes

13. Click Add new item, browse to the Theme created above (ex. Bright Green.thmx)

14. Click OK, then click Save

  • Your theme should now appear in the Gallery

Apply a Theme in SharePoint 2013

  1. Navigate to the site you want to apply a Theme to
  2. Click Site Actions, and then click Site Settings
  3. Under the Look and Feel section click Site Theme
  4. In the list box select the Theme that you uploaded
  • Note that the table to the left updates to provide some visual information about the selected theme

5. To preview the theme, scroll down and click Preview

6. To use the theme in this site, click Apply

Note: You can customize a theme without PowerPoint by going directly to the Site Theme dialog, selecting an existing theme and modifying the colors and fonts in the Customize Theme section.