An improved theme engine in Sharepoint 2013 has made the task of creating custom themes easier. Now, for creating custom themes, you need to create color palettes & font schemes and then upload them to the Themes Gallery. Let’s first be aware of the basic terminologies of theme creation in custom SharePoint development.
Theme Gallery – It includes the make up themes in SharePoint 2013 that covers a list of Font Schemes and Color Palettes. You can access it by going to site settings -> Web designer galleries -> Themes
Composed Look – Its a list where a theme’s components and structure are defined. For a theme, its possible to define Color palette, Font Scheme, Background Image and Master Page.
Starting New Theme Creation Process…
Creating a custom SharePoint theme calls for following the correct process. For new theme creation in custom Sharepoint development, you will have to make copies of following –
- Master Page
- Image files
With references to above mentioned files, you also need to create a new composed look. Let’s take a look at the steps for theme creation –
Navigate to Composed look list and go to an existing Composed Theme already existing there. Next, from the theme screen, choose the spcolorfile name.
Go to Themes gallery; download a copy of the spcolorfile as selected above. Using SharePoint 2013 Designer or Notepad, open this file copy.
Change the Colors/Values for the Site name Properties in the Notepad.
Having modified the file, rename it and upload in Themes Folder
Create new theme in Composed Look and add Name (composed look name), Master page (that you want to use), Theme URL (URL to color palette), Image URL, Font Scheme URL and Display Order.
Having added details, go to “Change a Look” and select the Custom Theme added before