<?php

add_color_rule( 'bg', '#fdfdfa', array(
	array( 'body', 'background-color' ),
	array( '#tertiary a,#tertiary a:visited', 'color', 'fg2' ),
	array( '.site-title a,.site-title a:visited,.site-title a:hover,.site-title a:active', 'color', 'fg2' ),
	array( '.custom-header .site-content,.custom-header.home .site-main', 'background-color' ),
	array( '.navigation-main li.current_page_item a,.navigation-main li.current-menu-item a,.navigation-main li.current_page_item a:visited,.navigation-main li.current-menu-item a:visited', 'color', 'fg2' ),
	array( '#infinite-footer .container,#infinite-footer .container a,#infinite-footer .blog-credits', 'background-color' ),
) );

add_color_rule( 'fg1', '#fe7050', array(
	//Contrast with background
	array( 'h3,h4,h5,h6', 'color', 'bg' ),
	array( 'h1,h2', 'color', 'bg', '3' ),
	array( 'a', 'color', 'bg' ),
	array( 'a:visited', 'color', 'bg' ),
	array( 'a:hover,a:focus,a:active', 'color', 'bg' ),
	array( 'a.entry-format', 'color', 'bg' ),
	array( '#flickr_badge_uber_wrapper a:hover,#flickr_badge_uber_wrapper a:link,#flickr_badge_uber_wrapper a:active,#flickr_badge_uber_wrapper a:visited', 'color', 'bg' ),

	//Non-contrast background/borders
	array( '.comments-link a:hover', 'background-color' ),
	array( '.comments-link:hover a:after', 'border-top-color' ),
	array( '.comments-link:hover a:after', 'border-left-color' ),
	array( '#infinite-handle span:hover', 'background-color' ),
	array( '.navigation-main ul ul', 'background-color' ),
	array( 'footer.entry-meta .cat-links a', 'background-color' ),
	array( '.site-header', 'border-color' ),
	array( '.site-footer', 'border-color' ),
	array( '[data-icon]:before', 'background-color' ),

	//Contrast with fg2
	array( '#tertiary .widget-title,#tertiary .widget-title a,#tertiary .widget-title a:visited', 'color', 'fg2' ),
	array( '.site-footer h1,.site-footer h2,.site-footer h3,.site-footer h4,.site-footer h5,.site-footer h6', 'color', 'fg2' ),
	array( '.site-footer a,.site-footer a:visited,.site-footer a:hover,.site-footer a:focus,.site-footer a:active', 'color', 'fg2' ),
	array( '.site-footer #flickr_badge_uber_wrapper a:hover,.site-footer #flickr_badge_uber_wrapper a:link,.site-footer #flickr_badge_uber_wrapper a:active,.site-footer #flickr_badge_uber_wrapper a:visited', 'color', 'fg2' ),

),
__( 'Headings, Links, & Accents' ) );

add_color_rule( 'fg2', '#333333', array(

	//Non-contrast backgrounds/borders
	array( '.site-header', 'background-color' ),
	array( '.site-footer', 'background-color' ),
	array( '.comments-link a', 'background-color' ),
	array( '.comments-link a:after', 'border-top-color' ),
	array( '.comments-link a:after', 'border-left-color' ),
	array( '#reply-title small a', 'background-color' ),
	array( '#reply-title small a', 'background-color' ),
	array( '#infinite-handle span', 'background-color' ),

	array( '.featured-news-title', 'color', 'bg' ),
	array( '.comic-title, .comic-title a', 'color', 'bg' ),
),
__( 'Header & Footer' ) );

add_color_rule( 'link', '#fe7050', array(
) );

add_color_rule( 'txt', '#ffffff', array(
) );

add_color_rule( 'extra', '#ffffff', array(

	//Contrast with fg1
	array( '.navigation-main ul ul', 'color', 'fg1' ),
	array( '.navigation-main ul ul a,.navigation-main ul ul a:visited', 'color', 'fg1' ),
	array( '#infinite-handle span:hover', 'color', 'fg1' ),
	array( 'footer.entry-meta .cat-links a,footer.entry-meta .cat-links a:visited', 'color', 'fg1' ),
	array( 'footer.entry-meta .cat-links a:hover', 'color', 'fg1' ),
	array( '.comments-link a:hover', 'color', 'fg1' ),
	array( '[data-icon]:before', 'color', 'fg1' ),

	//Contrast with fg2
	array( '.site-footer,#tertiary', 'color', 'fg2' ),
	array( '.site-footer a:hover', 'color', 'fg2' ),
	array( '.site-description', 'color', 'fg2' ),
	array( '.navigation-main', 'color', 'fg2' ),
	array( '.navigation-main a,.navigation-main a:visited', 'color', 'fg2' ),
	array( '.navigation-main a:hover', 'color', 'fg2' ),
	array( '.menu-toggle,.main-small-navigation ul.nav-menu.toggled-on', 'color', 'fg2' ),
	array( '.menu-toggle.toggled-on', 'color', 'fg2' ),
	array( '.menu-toggle.toggled-on .menu-toggle-icon,.menu-toggle.toggled-on .menu-toggle-icon:before,.menu-toggle.toggled-on .menu-toggle-icon:after', 'border-color', 'fg2' ),
	array( '.menu-toggle-icon', 'color', 'fg2' ),
	array( '.main-small-navigation a,.main-small-navigation a:visited', 'color', 'fg2' ),
	array( '.main-small-navigation li.current_page_item a,.main-small-navigation li.current-menu-item a,.main-small-navigation li.current_page_item a:visited,.main-small-navigation li.current-menu-item a:visited', 'color', 'fg2' ),
	array( '.comments-link a,.comments-link a:visited', 'color', 'fg2' ),
	array( '#reply-title small a,#reply-title small a:visited,#reply-title small a:hover', 'color', 'fg2' ),
	array( '#infinite-handle span', 'color', 'fg2' ),
) );

add_color_rule( 'extra', '#666666', array(
	array( 'body', 'color', 'bg' ),
	array( 'input[type="text"], input[type="email"], input[type="password"], input[type="search"], textarea', 'color', 'bg' ),
	array( '.site-footer', 'color', 'fg2' ),
) );

add_color_rule( 'extra', '#999999', array(
	array( '.widget-title, .widget-title a,.widget-title a:visited', 'color', 'bg' ),
	array( 'header .entry-meta, header .entry-meta a, header .entry-meta a:visited', 'color', 'bg' ),
	array( 'footer.entry-meta, .entry-comic .entry-meta', 'color', 'bg' ),
	array( '.site-info', 'color', 'fg2' ),
	array( '.wp-caption-text', 'color', 'bg' ),
	array( '#tertiary .wp-caption-text', 'color', 'fg2' ),
	array( '.page-title,.page-title a,.page-title a:visited', 'color', 'bg' ),
	array( '.comment-author .avatar', 'border-color', .1 ),
	array( '#infinite-footer .container, #infinite-footer .container a, #infinite-footer .blog-credits', 'color', 'bg' ),
	array( '.comments-title', 'color', 'bg' ),
	array( '.comment-metadata, .comment-metadata a,.comment-metadata a:visited, .comment-reply-link,.comment-reply-link:visited', 'color', 'bg' ),
	array( 'th', 'border-color', .3 ),
	array( '#wp-calendar td', 'color', 'bg' ),
	array( '#tertiary #wp-calendar td', 'color', 'fg2' ),
) );

add_color_rule( 'extra', '#efefef', array(
	array( '.entry-comic', 'background-color', .1 ),
) );

add_color_rule( 'extra', '#cccccc', array(
	array( 'input[type="text"], input[type="email"], input[type="password"], input[type="search"], textarea', 'border-color', .3 ),
	array( '.wp-caption', 'border-color', .3 ),
) );

add_color_rule( 'extra', '#eeeeee', array(
	array( '.home .hentry.type-post', 'border-color', .3 ),
	array( '.entry-comic', 'border-color', .1 ),
	array( '.page-header', 'border-color', .3 ),
	array( '.home-thumbnail img', 'border-color', .3 ),
	array( '.featured-news-title', 'border-color', .3 ),
	array( '.comment-list .children', 'border-color', .5 ),
	array( 'td', 'border-color', .3 ),
	array( '.widget ul > li,.widget ol > li', 'border-color', .3 ),
) );

add_color_rule( 'extra', '#dfdfdf', array(
	array( '.entry-comic .navigation-comic', 'border-color', .2 ),
) );

/* Adding extra CSS to make divider graphic partly transparent */

add_theme_support( 'custom_colors_extra_css', 'panel_extra_css' );
function panel_extra_css() { ?>
	.hentry:after {
		opacity: 0.3;
	}
<?php
}


/* Additional color palettes */

add_color_palette( array(
    '#fdfdfa',
    '#ffffff',
    '#ffffff',
    '#cc3e39',
    '#7ea3a3',
), 'Red & Blue' );

add_color_palette( array(
    '#fdf6f1',
    '#ffffff',
    '#ffffff',
    '#ca1f58',
    '#422623',
), 'Pink & Brown' );

add_color_palette( array(
    '#fff3d1',
    '#ffffff',
    '#ffffff',
    '#bac9a9',
    '#697060',
), 'Green Monotone' );