How to implement multi-skins/colors for your theme?

Our base theme Nucleus supports to implement multi-skins/colors for its sub-theme. Ex: add a blue skin

Create a new skin/color

Step 1 Open file mytheme.info and add line: 
    skins[blue] = 'Blue Style'
Step 2 Create the skins folder. Then, create a color folder with name "blue" inside the folder like below picture:
Skins Folder Structure

Skins Folder Structure

Step 3 The color folder could contains following files/folder:
Skins Files

Skin Files

  • images: is a folder which contains all background images which will be used in your skin css
  • logo.png: Site logo which is used for this skin.
  • style.css: has all css of this skin.
Step 4 Go to your site > Configuration > Performance > Clear your Drupal cache if your site has been live.

Select a default color

Step 1 Login to your site as an admin
Step 2 Go to Appearance > Your theme settings > Layout > Select a color as a default > Save your configuration

Quick Reference

Introducing Nucleus

Nucleus is a new base theme developed by ThemeBrain. It is easy to use, ultra flexible and offers numerous styling features for themers to speed up the process of converting a design into a Drupal theme.

Read more