Simple to do, first create your color styles in seperate style sheets and name them like so. blue.css – black.css – brown.css – ect…. Then in your admin options panel you could add something simple like this
array( "name" => "Color Scheme", //color scheme
"desc" => "Select the color scheme for the theme",
"id" => $shortname."_color_scheme",
"type" => "select",
"options" => array("black","blue","brown","green","grey","orange","purple","red","white","yellow"),
"std" => "blue/blue"),
then you would need to add something like this to your head to call the color schemes stylesheets
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/styles/<?php echo get_option('nt_color_scheme'); ?>.css" />
Notice that along with the option value I am also adding the template url along with the /styles. I did this because my color option style sheets are in a directory called styles and this part helps it find them.
Now just a note about the style sheets, In my head document I have a link to my standard style sheets like normal. I have the style.css link as well and what I do is simply have a base style set in my style sheet for most items and then the color options are only in the colored style sheets. Say for instance, I have a border-top that seperates some items on a page, I want it to be blue when I select the blue template or red when the red is selected, so I only put that on the red or blue style sheet and use the appropriate hex color value. You can have a default on yoru stylesheet, just do not use the !important tag in the style on the default and DO use it on the colored style sheet like so.
the default style sheet has ===
#thecontent {
border-top:1px solid #333333 ;
color:#333333;
}
and the colored style sheet has===
#thecontent {
border-top:1px solid #333333 !important ;
color:#333333 !important;
}
Hope this helps.
As long as you have the save button and all, everything should work fairly well.
