Here’s a handy bit of PHP code to put into your ‘after_setup_theme’ WordPress hook:
if(function_exists('woocommerce_compile_less_styles')){
$default_colors = get_option('woocommerce_frontend_css_colors');
/*
Defaults are:
[primary] => #ad74a2
[secondary] => #f7f6f7
[highlight] => #85ad74
[content_bg] => #ffffff
[subtext] => #777777
*/
if(!$default_colors || !$default_colors['primary'] || $default_colors['primary'] == '#ad74a2'){
update_option('woocommerce_frontend_css_colors',array(
'primary' => '#a38530',
'secondary' => '#fddc8f',
'highlight' => '#a38530',
'content_bg' => '#ffffff',
'subtext' => '#777777',
));
woocommerce_compile_less_styles();
}
}This will allow you to match the WooCommerce colors with a newly installed theme. The user can change these default colors using the built in WooCommerce color picker on the Settings page.
I have used this above code on the new Sunny Kids WordPress Theme which you can see here: http://sunny-kids-wordpress-theme.dtbaker.net/ – notice the colors through out the WooCommerce shop. Much easier (and more user configurable) doing it this way than hardcoding new colors into CSS files.