<

Preview SharePoint 2010 Theme Colors in PowerPoint

Published on
14,708 Points
4,408 Views
3 Endorsements
Last Modified:
Awarded
Ingeborg Hawighorst (Microsoft MVP / EE MVE)
Love data viz with Excel and Power BI. Power Query rocks. Have you tried it?

Summary

In SharePoint 2010 it is easy to create custom color themes to jazz up a site. Theme colors can also be created in PowerPoint 2010 with a few clicks. But how do the chosen colors actually look in the SharePoint site? The attached PowerPoint has a preview of all the main elements of a SharePoint 2010 site with the selected color theme.

Detail

Using Office Themes for SharePoint 2010 sites is easy, but can be time consuming. You need to create new theme colors in PowerPoint, save the file as an Office Theme with the .thmx extension, upload that theme to your SharePoint site collection gallery, and select it in the site via Site Settings > Site Theme.

The Site Theme page has a preview button where the site landing page is then displayed in the new theme colors, but there are a few drawbacks:

chances are that this page does not show all the site elements that are affected by the theme changes
you cannot click through to another page of the site to check the new colors there
the preview is slow to generate
some site elements, for example the list form backgrounds, use shades of the main accent colors, and you could end up with a lot of trial and error time until you finally arrive at the desired color effects for all site elements
the preview is buggy (it often throws an error in my environment and also often just does not display the correct colors)

All in all, there is a lot of trial and error involved when testing theme colors, and doing the trial and error in SharePoint is just too slow.

To add a little bit of confusion, the order of the theme colors in the color palettes is slightly different. In the SharePoint Site Theme dialog, the first four colors (for light and dark text/background) are listed in the order Dark 1, Light 1, Dark 2, Light 2. In the PowerPoint palette, the order is Light 1, Dark 1, Light 2, Dark 2. The following screenshot shows the color palettes side by side.

Color Palettes in SharePoint and PowerPoint
Since I will be creating a lot of sites in the next few months, I was not looking forward to the time and effort involved in creating good-looking site themes. So I spent a little time re-creating the elements of a typical SharePoint Team site in PowerPoint 2010. The deck consists of three slides.

Slide 1 shows the typical Home page of a Team Site, with the major HTML styles added to the page.
 SP Home Page in PPT
Slide 2 has the Markup styles and two table layouts.
 Markup Styles and Tables
Slide 3 shows a List form in edit mode, with the ribbon and the color background that will be applied to the data fields area of the form.
List Form

Every element on these slides is formatted with same theme colors and shades that SharePoint uses.

On any of these slides, you can click the Design ribbon and scroll through the Colors drop-down in the Themes panel. As you hover the mouse over a color theme, all slides in the deck will instantly change their appearance, even the muted colors behind the List form.

Hover and Preview
Much, much faster than the SharePoint preview.

A few notes:


The colors for the links below the Getting Started heading on the home page are hard coded and will not change with any theme.
The SharePoint callout styles 1 through 4 are also hard coded and are not affected by themes, so I did not include them in the slide deck.
The PowerPoint deck deals with theme colors only. It does not take into account theme fonts.
PowerPoint seems to "forget" some color settings. It should always apply the second shading of the Light 1 color to the first row of the medium two tone table style, but if the Light 1 color is set to a dark color, PowerPoint applies a different shade, and when checking the theme color for the element, it no longer sits on the second shading of that color. Go figure.
It may be tempting to apply different colors to the elements on the PowerPoint slide directly. Don't. It will not have the desired effect when the color theme is used in SharePoint.
In order to protect the formatting of the slide elements, I've moved them to the Slide Master, so you can't easily click an element in the PowerPoint slides.
And finally, sometimes the colors of a new theme are not applied correctly to a slide that did not have focus when the theme colors were changed. In that case, bring that slide into focus and toggle the theme colors again.
Enjoy.
SharePoint-ThemeMaster.pptx
3
Comment
0 Comments

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Join & Write a Comment

Watch the video of Kernel Migrator for SharePoint, which demonstrate the process easily of migration from SharePoint to SharePoint, OneDrive for Business & Google Drive servers, Public Folder to SharePoint, File Server to SharePoint. The tool has va…
From store locators to asset tracking and route optimization, learn how leading companies are using Google Maps APIs throughout the customer journey to increase checkout conversions, boost user engagement, and optimize order fulfillment. Powered …

Keep in touch with Experts Exchange

Tech news and trends delivered to your inbox every month