diff --git a/src/html/index.html b/src/html/index.html
index 062debd..cda17cb 100644
--- a/src/html/index.html
+++ b/src/html/index.html
@@ -145,7 +145,7 @@ <h3>
        	    'styles-v14-sherlock':1,
        	    'styles-appcompat':1,
        	    'styles-v14-appcompat':1,
-       	    //'colors':1,
+       	    'colors':1,
        	    //'focused_background':1,
        	    //'pressed_background':1,
        	    'selectable_background':1,
@@ -518,16 +518,19 @@ <h3>
         var inverseAttrs = (baseTheme == 'light_dark') ? INVERSE_THEME_ATTRS.replace(rx, styleNameTC) : '';
         var inverseAttrsSherlock = (baseTheme == 'light_dark') ? INVERSE_THEME_ATTRS_SHERLOCK.replace(rx, styleNameTC) : '';
         
-        var acc = values['accentColor'].color.substring(1);        
-        if (acc.length == 3) {
-        	acc = acc[0] + acc[0] + acc[1] + acc[1] + acc[2] + acc[2];
-        }	
-        
+        var normalizeColor = function(colorName) {
+        	var hexColor = values[colorName].color.substring(1);        
+        	if (hexColor.length == 3) {
+        		hexColor = hexColor[0] + hexColor[0] + hexColor[1] + hexColor[1] + hexColor[2] + hexColor[2];
+        	}
+        	return '#' + hexColor.toUpperCase();
+        };
+                
         var replaceStrings = {
         	'style':(styleName.toLowerCase()),
         	'stylep':(styleNameTC),
         	'base':((baseTheme == 'light') ? '.Light' : ''),
-        	'accent':(acc.toUpperCase()),
+        	'accent':(normalizeColor('accentColor')),
         	'actionbarstyle':(toTitleCase(values['actionbarstyle'])),
         	
         	'tab_unselected':((values['hairline'] == true) ? '@drawable/tab_unselected_' + styleName.toLowerCase() : '@android:color/transparent'),
@@ -538,7 +541,16 @@ <h3>
         	'inverse':((baseTheme == 'light_dark') ? '.Inverse' : ''),
         	'actionbar_base':((baseTheme == 'light_dark') ? '.Light' : ((baseTheme == 'light') ? '.Light' : '')),
         	'inverse_attrs':inverseAttrs,
-        	'inverse_attrs_sherlock':inverseAttrsSherlock
+        	'inverse_attrs_sherlock':inverseAttrsSherlock,
+        	
+        	'back_color':(normalizeColor('backColor')),
+        	'secondary_color':(normalizeColor('secondaryColor')),
+        	'tertiary_color':(normalizeColor('tertiaryColor')),
+        	'accent_color':(normalizeColor('accentColor')),
+        	'cab_back_color':(normalizeColor('cabBackColor')),
+        	'cab_highlight_color':(normalizeColor('cabHighlightColor')),
+        	'tab_color':(normalizeColor('tabColor'))
+        	
         };
         
         zipper.clear();
diff --git a/src/res/actionbar-xml-templates/colors.xml b/src/res/actionbar-xml-templates/colors.xml
new file mode 100644
index 0000000..f1418f4
--- /dev/null
+++ b/src/res/actionbar-xml-templates/colors.xml
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- File created by the Android Action Bar Style Generator
+
+     Copyright (C) 2011 The Android Open Source Project
+     Copyright (C) 2012 readyState Software Ltd
+
+     Licensed under the Apache License, Version 2.0 (the "License");
+     you may not use this file except in compliance with the License.
+     You may obtain a copy of the License at
+  
+          http://www.apache.org/licenses/LICENSE-2.0
+  
+     Unless required by applicable law or agreed to in writing, software
+     distributed under the License is distributed on an "AS IS" BASIS,
+     WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+     See the License for the specific language governing permissions and
+     limitations under the License.
+-->
+
+<resources>
+
+	<color name="back_color">##back_color##</color>
+	<color name="secondary_color">##secondary_color##</color>
+	<color name="tertiary_color">##tertiary_color##</color>	
+	<color name="accent_color">##accent_color##</color>
+	<color name="cab_back_color">##cab_back_color##</color>
+	<color name="cab_highlight_color">##cab_highlight_color##</color>
+	<color name="tab_color">##tab_color##</color>
+	
+</resources>