Deprecated: strpos(): Passing null to parameter #1 ($haystack) of type string is deprecated in /www/collab365_296/public/wp-includes/functions.php on line 7025

Deprecated: str_replace(): Passing null to parameter #3 ($subject) of type array|string is deprecated in /www/collab365_296/public/wp-includes/functions.php on line 2162

Deprecated: Hook imagify_allow_picture_tags_for_webp is deprecated since version 2.2! Use imagify_allow_picture_tags_for_nextgen instead. in /www/collab365_296/public/wp-includes/functions.php on line 5758
Creating and applying a Composed Look in SharePoint 2013 - Collab365
Deprecated: strstr(): Passing null to parameter #1 ($haystack) of type string is deprecated in /www/collab365_296/public/wp-includes/functions.php on line 1145

Deprecated: stripos(): Passing null to parameter #1 ($haystack) of type string is deprecated in /www/collab365_296/public/wp-includes/functions.php on line 1152

Deprecated: stripos(): Passing null to parameter #1 ($haystack) of type string is deprecated in /www/collab365_296/public/wp-includes/functions.php on line 1155

Deprecated: strpos(): Passing null to parameter #1 ($haystack) of type string is deprecated in /www/collab365_296/public/wp-includes/functions.php on line 1162

Deprecated: strpos(): Passing null to parameter #1 ($haystack) of type string is deprecated in /www/collab365_296/public/wp-includes/functions.php on line 1165

Deprecated: strstr(): Passing null to parameter #1 ($haystack) of type string is deprecated in /www/collab365_296/public/wp-includes/functions.php on line 1145

Deprecated: stripos(): Passing null to parameter #1 ($haystack) of type string is deprecated in /www/collab365_296/public/wp-includes/functions.php on line 1152

Deprecated: stripos(): Passing null to parameter #1 ($haystack) of type string is deprecated in /www/collab365_296/public/wp-includes/functions.php on line 1155

Deprecated: strpos(): Passing null to parameter #1 ($haystack) of type string is deprecated in /www/collab365_296/public/wp-includes/functions.php on line 1162

Deprecated: strpos(): Passing null to parameter #1 ($haystack) of type string is deprecated in /www/collab365_296/public/wp-includes/functions.php on line 1165

Warning: Undefined array key "url" in /www/collab365_296/public/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/smart-site/classes/class-tvd-smart-shortcodes.php on line 85

2013-10-08

Creating and applying a Composed Look:

  1. Download SharePoint Designer 2013 and SharePoint Color Palette Tool.
  2. Create your theme using the SharePoint Color Palette Tool and save it as a .spcolor file.  Suggest that you sort the Color Slot Grouping by UI Groups.
  3. Open SharePoint Designer 2013.
  4. Click Open Site.
  5. Enter the URL of your SharePoint page (Master Page).
  6. Click on All Files under Navigation.
  7. Click on _catalogs.
  8. Click on theme.
  9. Click on 15.
  10. Click Import Files.
  11. Select your .spcolor file and click ok.  You should now see your template file in the 15 directory.
  12. Click All Files.
  13. Click images.
  14. Click Import Files.
  15. Select the image you want for your background image and click ok.  You should now see your image file in the image directory.
  16. Now open the master page that you want to add the theme to in SharePoint 2013.
  17. Click on the settings icon and select Site Settings
  18. Under Web Designer Galleries, select Composed Looks
  19. Click + new item.
  20. You should now see a list that looks like this:
  21. Give the theme a title and name.
  22. Enter the Master Page URLhttp://www.something123.edu/_catalogs/masterpage/seattle.master or /_catalogs/masterpage/oslo.master
  23. Enter the theme URL:  /_catalogs/theme/15/Whatever_You_Named_It.spcolor
  24. Enter the Image URL:  /images/Whatever_You_Named_It.jpg
  25. Enter the Font Scheme URL:  /_catalogs/theme/15/fontscheme007.spfont
  26. Change the Display Order to 5.
  27. Click Save.  You should now see your theme in the list of composed looks.
  28. Click on the settings icon.
  29. Click on Change the look.  You should now see your template listed.
  30. Select your theme.
  31. Click Try it out.
  32. If you like what you see, click on Yes, keep it.  Your theme should now be applied to the master page and its subpages.

Special thanks for this posting goes to Chip Candler for his work in testing this out and documenting the process and to Randy Drisgill, John Ross, and Paul Stubbs (SharePoint 2013 Branding and User Interface Design book)

(Visited 206 times, 1 visits today)

About the author 

Robin Witcher

Summit Bundle

Get 200+ hours of Microsoft 365 Training for 27$!

Master Office 365, Power Platform & SharePoint & Teams With 200+ Hours Of Training Videos and 108 Ebooks in the Collab365 Academy. This offer is insane and is only available for a limited period.