The latest PIPS 2.0 site has a really cool feature to allow you to create whatever color combination you like on your site as well as change the background design. Here are step by step instructions on how to use it.

First of all click the 'color chooser' button in the top right hand corner of your site to open the menu.

The first drop down menu contains a bunch of preset color and background combinations and the second drop down menu changes the background design only.

The following fields are for you to create your own color combination, simply click in the field and use the color picker to find the color you wish to use. You can then see what the output will look like in the preview screen. To view the changes on your site click the 'apply colors' button (NOTE: this will not change the current color theme it simply shows you how it will look).

Once you have come up with a design you are happy with, to make it your default color scheme you need to log in to your Joomla control panel and in the 'extensions' drop down menu click 'Template Manager'. You will see three different versions of the template rt_chromatophore, a one, two and three column version and you will need to apply your color changes to each one. Or if you like you can use a different color combination for each one.

Once you have opened the template you will see the first field in the parameters section labeled 'Style Variation' and the contents will look like this

Business Causual:overlay-gradient2,#263248,#d1d4de,#95ad2a,
#ffffff,#6e7791,#e1e3f0

Color Theme:background-type,#primary-color,#primary-text,
#secondary-color,#secondary-text,#tertiary-color,#tertiary-text

Each of those sections applies to each of the fields in the color chooser.

Color Theme - This is the value of the first drop down menu, it can actually be anything you like.

background-type - This is where you place the type of background you wish to use, the value is obtained from the second drop down menu.

#primary-color,#primary-text,#secondary-color,#secondary-text,
#tertiary-color,#tertiary-text - Simply copy and paste the color code from the fields in the color chooser into the corresponding spaces as in the example above.

Once you are done click apply and test the change on your site. Here are some of the different preset color variations available.