Don't get me wrong, the theme-roller looks quite nice, but it does not work for me to create new themes at all. What I want is: based upon theme-b create a new theme with the same look (shades, color saturation and so on) but in a different color. For example to make red buttons, green buttons and so on.. this is not possible in a few steps with the theme roller, since you have to insert all colors by hand and find out what they are with a seperate tool.
If you only want the same theme but in a different color, I have the solution for you. This code snipped snipped takes an existing swatch (for extample theme-b) and adjusts all colors to a new hue (according to the HSL-specifications). Then it renames all css-classes and comments for you to easy copy-paste the generated code into your existing css file. voila, you have a new swatch in another color.
For example. hue "120" is for green, hue "360" is for red. Try taking swatch b and set the new hue to 120. you will have a copy of the theme b but colored in a green, that looks like the original blue..
1. Create a new HTML File with jQuery libraries ready to use
2. Paste this code in the body section of your html file:
Note: I didn't make the rgb/hex/hsl conversion fuctions, I just modified them a bit. Copyright to the authors. Note: The regex to find colors is pretty simple and only matches colors, that have 7 letters, eg #01Ab3f . adjust the regex to match all valid colors if you want. Note: hue-modification only affects colors. Black, White and Greytones are not colors according to HSL and will therefor not change. Read some wikipedia articels if you want to know more.