For demo purpose we will use

gray.css                 LOCATION: sitename/templates/YJtemplate_name/css/
gray images folder  LOCATION: sitename/templates/YJtemplate_name/images/


1. Open templatedetails.xml file located in sitename/templates/template_name/ folder

find param

 <param name="default_color" type="list" default="gray" label="Default Style" description="Change Default Style">
 <option value="gray">Gray</option>

under

<option value="gray">Gray</option>

add line

 <option value="blue">Blue</option>

2. Go to yoursitename/administrator

Extensions -> Template Manager -> YouJoomla template_name

In Template settings find  param name Change Default Style.
If template is powered by YJSimpleGrid this param is located under accordion tab name Style Settings

From dropdown menu choose Blue and hit apply button.



3. Create new folder  in sitename/templates/template_name/images/  name it blue


4. Copy all contents of gray  folder to blue folder


5. Open sitename/templates/template_name/css/gray.css
save it as blue.css



6. Open your site frontpage in browser
You will see gray style but main css file now is blue.css
any change you make to blue.css will now be visible on page refresh


7. Rename all instances of word gray to word blue in blue.css file

8. Start styling the color codes in blue.css to your own color

9. Edit images in blue images folder to fit your new style.

You can use psd files delivered with your purchase or free download.