<?php

add_color_rule( 'bg', '#fff', array(
	array( 'body, .site-header, #infinite-footer .container', 'background-color' ),
	array( '.comments-link a:hover, .byline a:hover, .edit-link a:hover, .tags-links a:hover, .posted-on a:hover, .reply a:hover', 'background-color' ),
) );

add_color_rule( 'fg1', '#efefef', array(

) );

add_color_rule( 'fg2', '#6a524a', array(


) );

//Green accent
add_color_rule( 'txt', '#217e7f', array(
	array( '#toggle-sidebar, .toggle-open #toggle-sidebar', 'background-color' ),
	array( '#toggle-sidebar::-webkit-scrollbar', 'background-color' ),
	array( '#toggle-sidebar::-webkit-scrollbar-thumb', 'border-color' ),
	array( '#toggle-sidebar::-webkit-scrollbar-thumb', 'background-color', '-1' ),
	array( '.jetpack-recipe-title', 'border-color', 0.3 ),
	array( 'button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, #infinite-handle span:hover, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, #infinite-handle span:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active, #infinite-handle span:active', 'background-color' ),

	array( '.tags-links a,.tags-links a:visited', 'border-color', 'bg' ),
	array( '.tags-links a,.tags-links a:visited', 'color', 'bg' ),
	array( '.entry-footer span > a:hover, .comment-metadata .edit-link a:hover, .reply a:hover', 'color', 'bg' ),
	array( 'a, a:visited', 'color', 'bg' ),
	array( '.site-title a:hover, a:hover, a:focus, a:active, .site-footer a:hover', 'color', 'bg' ),
	array( '.toggle .menu-toggle-image:hover, .toggle .menu-toggle-image:focus, .toggle .menu-toggle-image:active', 'fill', 'bg' ),
	array( '.header-search:hover .search-icon .icon, .header-search:focus .search-icon .icon, .header-search:active .search-icon .icon', 'fill', 'bg' ),

),
__( 'Main Accent' ) );

add_color_rule( 'link', '#44c2b2', array(

) );


//Body text
add_color_rule( 'extra', '#444444', array(
	array( 'body, #infinite-footer .container', 'color', 'bg' ),
	array( '.entry-title, .comments-title, .comment-reply-title, .entry-title a, .entry-title a:hover, .entry-title a:visited', 'color', 'bg' ),
	array( '.site-title a, .site-title a:visited', 'color', 'bg', 15 ),
	array( '.toggle .menu-toggle-image', 'fill', 'bg', 15 ),
	array( '.header-search .search-icon .icon', 'fill', 'bg', 15 ),
) );

//Borders
add_color_rule( 'extra', '#f2f2f2', array(
	array( '.jetpack-recipe, .site-content, .site-footer, .hentry, td, th, .page-header, .comment-list .children, .main-navigation a, .widget ul li, .widget-area, .widget, .entry-footer, .site-header', 'border-color', 0.3 ),
) );

//Borders
add_color_rule( 'extra', '#aaaaaa', array(
	array( '.contact-form label span', 'color', 'bg' ),
) );

//Light Gray
add_color_rule( 'extra', '#999999', array(

	array( 'button, input[type="button"], input[type="reset"], input[type="submit"], #infinite-handle span', 'background-color', 0.5 ),

	array( '.entry-footer > span a,.entry-footer > span a:visited, .reply a, .reply a:visited, .comment-metadata .edit-link a, .comment-metadata .edit-link a:visited', 'color', 'bg' ),
	array( '.contact-form label span', 'color', 'bg' ),
	array( '.entry-format:visited, .entry-format:hover', 'color', 'bg' ),
	array( '.site-footer a, .comment-form-author a, .comment-form-email a, .comment-form-url a, .comment-form-comment a', 'color', 'bg' ),
	array( '.site-footer a:visited, .comment-form-author a:visited, .comment-form-email a:visited, .comment-form-url a:visited, .comment-form-comment a:visited', 'color', 'bg' ),
	array( '.page-title', 'color', 'bg' ),
	array( 'blockquote', 'color', 'bg' ),
	array( '.comments-title, .comment-reply-title', 'color', 'bg' ),
	array( '.comment-metadata, .comment-metadata a, .comment-metadata a:visited', 'color', 'bg' ),
	array( '#infinite-footer .container, #infinite-footer .container a, #infinite-footer .container a:visited', 'color', 'bg' ),
	array( '.format-aside .entry-title a,.format-aside .entry-title a:visited', 'color', 'bg' ),

) );

add_color_rule( 'extra', '#ffffff', array(
	array( '.main-navigation a, .main-navigation a:visited, .main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_item > a:visited, .main-navigation .current-menu-item > a:visited', 'color', 'txt' ),
	array( '#menu-close, .widget-title', 'color', 'txt' ),
	array( 'button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, #infinite-handle span:hover, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, #infinite-handle span:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active, #infinite-handle span:active', 'color', 'txt' ),
	array( '#toggle-sidebar, .widget-area', 'color', 'txt' ),
	array( '.widget-area a, .widget-area a:visited, .widget-area a:hover', 'color', 'txt' ),
	array( '.main-navigation a:hover', 'color', 'txt' ),

	array( '.wp-caption-text, .wp-caption', 'color', 'bg' ),
	array( 'button, input[type="button"], input[type="reset"], input[type="submit"], #infinite-handle span', 'color', '#999999' ),
) );

//Extra CSS to change border color and force with !important for comment form
function celcius_extra_css() { ?>

	div#respond {
		border-color: rgba(255,255,255,0.3) !important;
	}
<?php }
add_theme_support( 'custom_colors_extra_css', 'celcius_extra_css' );

/* Additional color palettes */

add_color_palette( array(
	'#e7e2d9',
	'#6f9d9f',
), 'Brown' );

add_color_palette( array(
	'#efefef',
	'#db6666',
), 'Pink' );

add_color_palette( array(
	'#ffffff',
	'#8fbe00',
), 'Green' );

add_color_palette( array(
	'#333333',
	'#dd4b39',
), 'Grey' );

add_color_palette( array(
	'#273648',
	'#709fd0',
), 'Midnight' );

add_color_palette( array(
	'#6a4254',
	'#c0dadc'
), 'Maroon' );