The document discusses themes and composed looks in SharePoint 2013 and Office 365. It covers components like color palettes, fonts, master pages, and background images that make up composed looks. It also provides instructions on deploying custom composed looks across site collections using tools like the SharePoint color palette tool and deployment methods like PowerShell and third-party solutions.

1. Accessible content is available upon request.
Themes & Composed Looks for SP2013 and O365
D’arce Hess SPSNYC 2015

2. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a
retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc.
Text/Icon/Pic
Text/Icon/Pic
Text/Pic
@darcehess
https://www.linkedin.com/in/darcehess
Darce.Hess@avepoint.com
D’arce Hess

3. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a
retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc.
Questions
Introduction Components Tools
Deployment References

4. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a
retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc.
INTRODUCTION

5. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a
retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc.
Composed Looks
Change the
theme by going
to Site Settings
Change the Look

6. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a
retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc.
OOTB Composed Looks
18 Provided OOTB
Can be modified,
but Best Practice
to make a copy

7. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a
retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc.
Background Image
Color Palette
Font
Master Page

8. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a
retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc.
COMPONENTS

9. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a
retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc.
Parts of a Composed Look
Master
Page
CSS
Color
Palette
Font
Background
Image

10. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a
retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc.
Master Pages
The Seattle Master Page contains a left
navigation
The Olso Master Page does not contain a
left navigation
Seattle.master
Olso.master

11. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a
retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc.
Custom CSS (Alternate CSS)
Adjust any custom CSS to allow
for theming using .spcolor
naming convention.
Microsoft Reference:
https://msdn.microsoft.com/en-us/library/office/jj945889.aspx
For Custom CSS to be
themable, file must be stored in
“Themable” folder in the Style
Library

12. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a
retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc.
Custom CSS (Alternate CSS)
Apply Alternate
CSS through
Master Page
settings.

13. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a
retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc.
Color Palette
XML file that SharePoint reads to
apply HEX colors to various items
in SharePoint
/sites/yoursite/_catalogs/theme/15/palette015.spcolor
Where it is located:
Microsoft Reference:
https://msdn.microsoft.com/en-us/library/office/jj945889.aspx

14. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a
retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc.
Font
/sites/yoursite/_catalogs/theme/15/fontscheme001.spfont
Where it is located:
XML file that SharePoint reads
to apply font changes to
various items in SharePoint.

15. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a
retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc.
Background Image
Following formats are accepted:
• .jpg
• .bmp
• .png
• .gif
File size restriction on the image is
150KB, so be sure to optimize your
img ahead of time.
Save img in Site Assets

16. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a
retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc.
TOOLS

17. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a
retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc.
SharePoint Color Palette Tool
Download: CLICK HERE

18. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a
retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc.
DEMO

19. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a
retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc.
DEPLOYMENT

20. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a
retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc.
Create .spcolor
file
Create .spfont
file
Choose Master
Page
Gather
Background Img
Load Custom
CSS file
Create
Composed Look
Composed Looks

21. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a
retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc.
Navigate to /yoursite/_catalogs/design/AllItems.aspx New Item

22. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a
retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc.
Fill out the required
fields and press
“Save” button when
finished.

23. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a
retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc.
Navigate to Site Settings and choose “Change
the Look”
Choose your custom Composed Look

24. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a
retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc.
Choose
“try it out”
to load a
preview file

25. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a
retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc.
If you like the
preview, choose
“Yes, keep it”.

26. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a
retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc.
Voila!
Your theme has
been applied.

27. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a
retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc.
DEMO

28. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a
retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc.
Powershell
Manual
Deployment
“Add-in”
Model/CSOM
Third-Party
Solution
Multiple Site Collection Deployment

29. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a
retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc.
REFERENCES

30. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a
retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc.
SharePoint Color Palette Tool https://www.microsoft.com/en-
us/download/details.aspx?id=38182
Scott Hiller’s Provisioning Documentation https://github.com/ScotHillier/SPSBoston2015
Microsoft spcolor file reference https://msdn.microsoft.com/en-
us/library/office/jj945889.aspx

31. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a
retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc.
QUESTION & ANSWER

32. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a
retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc.