<?php
add_color_rule( 'bg', '#ffffff', array(
	// Background
	array(
		'body,
		.site-header .sub-menu li', 'background-color',
	),

	array(
		'.sidebar', 'background-color', '-0.3',
	),

	array(
		'.social-navigation a:before', 'background-color', '-0.6'
	),

	array(
		'.dropdown-toggle:hover,
		.dropdown-toggle:focus', 'background-color', '-0.6',
	),

	array(
		'.site-header .nav-menu > li > .sub-menu:after', 'border-top-color',
	),

	array(
		'.site-header .nav-menu > li > .sub-menu:after', 'border-bottom-color',
	),

	// #e5e5e5 borders
	array(
		'fieldset,
		pre,
		table,
		th,
		td,
		input[type="text"],
		input[type="email"],
		input[type="url"],
		input[type="password"],
		input[type="search"],
		textarea,
		.site-header .sub-menu li,
		.site-header .nav-menu > li + li,
		.sidebar .main-navigation li,
		.sidebar .main-navigation .nav-menu,
		.sidebar-toggle:focus,
		.post-navigation,
		.post-navigation div + div,
		.pagination,
		.pagination .prev,
		.pagination .next,
		.image-navigation,
		.comment-navigation,
		.widget_archive ul,
		.widget_categories ul,
		.widget_links ul,
		.widget_meta ul,
		.widget_nav_menu ul,
		.widget_pages ul,
		.widget_recent_comments ul,
		.widget_recent_entries ul,
		.widget_archive li,
		.widget_categories li,
		.widget_links li,
		.widget_meta li,
		.widget_nav_menu li,
		.widget_pages li,
		.widget_recent_comments li,
		.widget_recent_entries li,
		.no-js .sidebar,
		.site-header,
		.hentry + .hentry,
		.author-info,
		.page-header,
		.page-links a,
		.page-links > span,
		.comments-area,
		.comment-list + .comment-respond,
		.comment-list article,
		.comment-list .pingback,
		.comment-list .trackback,
		.comment-list .reply a,
		.no-comments,
		.site-footer,
		.infinite-wrap .hentry:first-child,
		#infinite-handle,
		#infinite-footer .container,
		.widget_rss_links ul,
		.widget_top-posts ul,
		.widget_upcoming_events_widget ul,
		.widget_rss_links li,
		.widget_top-posts li,
		.widget_upcoming_events_widget li,
		.hentry div#jp-relatedposts h3.jp-relatedposts-headline em:before,
		.menu-left .sidebar-toggle:focus,
		.hentry .wpcom-reblog-snapshot .reblogger-note,
		.comment-list + #respond,
		.comments-area #respond .comment-form-service,
		.hentry div.sharedaddy h3.sd-title:before,
		.widget_authors ul,
		.widget_jp_blogs_i_follow ol,
		.widget_blog-stats ul,
		.widget_delicious ul,
		.widgets-list-layout ul,
		.widget_top-clicks ul,
		.top_rated ul,
		.widget_jetpack_posts_i_like ul,
		.widget_authors li,
		.widget_jp_blogs_i_follow li,
		.widget_blog-stats li,
		.widget_delicious li,
		.widgets-list-layout li,
		.widget_top-clicks li,
		.top_rated li,
		.hentry .wpa-notice', 'border-color', 'bg', 1.2
	),

	array(
		'.site-header .nav-menu > li > .sub-menu:before', 'border-top-color', 'bg', 1.2
	),

	array(
		'.site-header .sub-menu,
		.site-header .nav-menu > li > .sub-menu:before', 'border-bottom-color', 'bg', 1.2
	),

	array(
		'.custom-menu .sidebar-toggle', 'border-left-color', 'bg', 1.2
	),

	array(
		'.rtl .custom-menu .sidebar-toggle', 'border-right-color', 'bg', 1.2
	),

	array(
		'hr', 'background-color', 'bg', 1.2
	),

	array(
		'.image-navigation,
		.comment-navigation', 'color', 'bg', 1.2
	),

	// IS footer background color
	array(
		'#infinite-footer .container', 'background-color', 0.95
	),

	// IS loader color
	array(
		'.infinite-loader', 'color', 'bg', 5
	),

	// Outline color
	array(
		'a:focus,
		button:focus,
		input[type="button"]:focus,
		input[type="reset"]:focus,
		input[type="submit"]:focus,
		button:active,
		input[type="button"]:active,
		input[type="reset"]:active,
		input[type="submit"]:active,
		.dropdown-toggle:focus', 'outline-color', 'bg', 1.05
	),

	// Text inside button
	array(
		'button,
		input[type="button"],
		input[type="reset"],
		input[type="submit"],
		.pagination .prev:hover,
		.pagination .prev:focus,
		.pagination .next:hover,
		.pagination .next:focus,
		.widget_calendar tbody a,
		.widget_calendar tbody a:hover,
		.widget_calendar tbody a:focus,
		.entry-content .page-links a,
		.page-links a:hover,
		.page-links a:focus,
		#infinite-handle span,
		#infinite-handle span:hover,
		#infinite-handle span:focus', 'color',
	),

	// Required Asterix Symbol
	array(
		'.required', 'color', 'bg', 10
	),
),
__( 'Background', 'resonar' ) );

add_color_rule( 'txt', '#0074b8', array(
	array(
		'a,
		a:visited,
		div.entry-date a:hover,
		.entry-footer a:hover,
		.comment-author a:hover,
		.comment-metadata a:hover,
		.pingback .edit-link a:hover,
		.textwidget a,
		.entry-date a:hover,
		.entry-content a,
		.entry-summary a,
		.entry-footer .author-bio a,
		.page-content a,
		.comment-content a,
		.pingback .comment-body > a,
		.taxonomy-description a,
		.logged-in-as a,
		.site-info a,
		.image-navigation a:hover,
		.comment-navigation a:hover,
		.widget_gravatar a,
		.widget-grofile p a,
		#infinite-footer .blog-credits a,
		.site-header .nav-menu a:hover,
		.site-header .nav-menu a:focus,
		.sidebar-toggle:hover:before,
		.sidebar-toggle:focus:before,
		.social-navigation a:hover:before,
		.social-navigation a:focus:before,
		.post-navigation a:hover .post-title,
		.post-navigation a:focus .post-title,
		.pagination a:hover,
		.pagination a:focus,
		div.entry-date a:hover,
		div.entry-date a:focus,
		.entry-title a:hover,
		.entry-title a:focus,
		.entry-footer a,
		.entry-footer a:hover,
		.entry-footer a:focus,
		.comment-metadata .comment-edit-link,
		.comment-list .reply a:hover,
		.comment-list .reply a:focus,
		.site-info a:hover,
		.site-info a:focus,
		#infinite-footer .blog-credits a:hover,
		#infinite-footer .blog-credits a:focus,
		.comments-area #respond .comment-form-service a,
		.widget_flickr #flickr_badge_uber_wrapper a:link,
		.widget_flickr #flickr_badge_uber_wrapper a:active,
		.widget_flickr #flickr_badge_uber_wrapper a:visited,
		.widget_flickr #flickr_badge_uber_wrapper a:hover', 'color', 'bg', 5
	),

	array(
		'button:hover,
		input[type="button"]:hover,
		input[type="reset"]:hover,
		input[type="submit"]:hover,
		button:focus,
		input[type="button"]:focus,
		input[type="reset"]:focus,
		input[type="submit"]:focus,
		button:active,
		input[type="button"]:active,
		input[type="reset"]:active,
		input[type="submit"]:active,
		.social-navigation a:hover,
		.social-navigation a:focus,
		.pagination .prev:hover,
		.pagination .prev:focus,
		.pagination .next:hover,
		.pagination .next:focus,
		.widget_calendar tbody a:hover,
		.widget_calendar tbody a:focus,
		.page-links a:hover,
		.page-links a:focus,
		#infinite-handle span:hover,
		#infinite-handle span:focus', 'background-color', 'bg', 5
	),
),
__( 'Accent Color', 'resonar' ) );


add_color_rule( 'link', '#232323', array(
	array(
		'body,
		button,
		input,
		select,
		textarea,
		blockquote cite,
		blockquote small,
		a:hover,
		a:focus,
		a:active,
		.site-header .nav-menu a,
		.dropdown-toggle:after,
		.sidebar-toggle:before,
		.sidebar-toggle.toggled-on:hover:before,
		.sidebar-toggle.toggled-on:focus:before,
		.social-navigation a:before,
		.post-navigation a,
		.pagination a,
		.site-title a,
		.entry-title a,
		.author-title,
		.page-links > .page-links-title,
		.no-comments,
		#infinite-footer .blog-info a,
		.site .portfolio-entry-title a,
		.milestone-widget .event,
		.milestone-widget .difference', 'color', 'bg', 9,
	),

	array(
		'mark,
		ins', 'background-color', 'bg', 2
	),

	array(
		'mark,
		ins', 'color', 'bg', 10
	),

	array(
		'abbr[title]', 'border-bottom-color', 'bg', 9
	),

	array(
		'button,
		input[type="button"],
		input[type="reset"],
		input[type="submit"],
		.social-navigation a,
		.widget_calendar tbody a,
		.page-links a,
		.entry-header-background,
		#infinite-handle span', 'background-color', 'bg', 9
	),

	array(
		'.page-links a', 'border-color', 'bg', 9
	),

	array(
		'input[type="text"]:focus,
		input[type="email"]:focus,
		input[type="url"]:focus,
		input[type="password"]:focus,
		input[type="search"]:focus,
		textarea:focus', 'border-color', 'bg', 5
	),
),
__( 'Main Text', 'resonar' ) );

add_color_rule( 'fg1', '#5b5b5b', array(
	// #5b5b5b Secondary text lower contrast
	array(
		'blockquote,
		.post-password-form label,
		.post-navigation .meta-nav,
		.pagination .current,
		.widget_recent_entries .post-date,
		div.entry-date a,
		.entry-summary,
		.entry-footer,
		.taxonomy-description,
		.entry-caption,
		.comment-author,
		.comment-metadata,
		.pingback .edit-link,
		.comment-metadata a,
		.comment-list .reply a,
		.comment-form label,
		.comment-notes,
		.comment-awaiting-moderation,
		.logged-in-as,
		.form-allowed-tags,
		.site-info,
		.site-info a,
		.wp-caption-text,
		.gallery-caption,
		.widecolumn label,
		.widecolumn .mu_register label,
		#infinite-footer .blog-credits a,
		.hentry div.sharedaddy h3.sd-title,
		.hentry h3.sd-title,
		.hentry div#jp-relatedposts h3.jp-relatedposts-headline,
		.hentry div#jp-relatedposts div.jp-relatedposts-items-visual div.jp-relatedposts-post-nothumbs p.jp-relatedposts-post-excerpt,
		.hentry div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date,
		.hentry div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context,
		.comments-area #respond .comment-form-fields p.comment-form-posting-as,
		.comments-area #respond .comment-form-fields p.comment-form-log-out,
		.comments-area #respond #comment-form-identity #comment-form-nascar p', 'color', 'bg', 5
	),
),
__( 'Secondary Text', 'resonar' ) );

add_color_rule( 'fg2', '#000000', array(
) );


// Additional CSS
add_theme_support( 'custom_colors_extra_css', 'resonar_extra_css' );
function resonar_extra_css() { ?>
	input[type="text"],
	input[type="email"],
	input[type="url"],
	input[type="password"],
	input[type="search"],
	textarea {
		background-color: #f7f7f7;
		color: #5b5b5b;
	}

	input[type="text"]:focus,
	input[type="email"]:focus,
	input[type="url"]:focus,
	input[type="password"]:focus,
	input[type="search"]:focus,
	textarea:focus {
		background-color: #fff;
		color: #232323;
	}

	.entry-header-background div.entry-date a,
	.entry-header-background div.entry-date a:hover,
	.entry-header-background div.entry-date a:focus,
	.entry-header-background .sticky-post,
	.entry-header-background .entry-title,
	.entry-header-background .entry-title a,
	.entry-header-background .entry-title a:hover,
	.entry-header-background .entry-title a:focus {
		color: #fff;
	}

	.scroll-indicator:before,
	.scroll-indicator:after {
		background-color: #fff;
	}

	.sidebar:before {
		background-color: transparent;
	}

	@media screen and (max-width: 57.8124em) {
		.custom-menu .site-header .sidebar-toggle {
			border-left-color: transparent;
		}
	}
<?php
}

// Free color palettes
add_color_palette( array(
	'#111111', // Background
	'#3498db', // Link
	'#dbdbdb', // Main
	'#a8a8a8', // Secondary
	'',
), 'Dark' );

add_color_palette( array(
	'#464e55',
	'#30209c',
	'#ffffff',
	'#ffffff',
	'',
), 'Grey' );

add_color_palette( array(
	'#fde7ea',
	'#307368',
	'#000000',
	'#4f4f4f',
	'',
), 'Pastel Pink' );

add_color_palette( array(
	'#b4e6ef',
	'#395c14',
	'#2d3caa',
	'#2d3caa',
	'',
), 'Blue' );

add_color_palette( array(
	'#96f7e3',
	'#1e6b91',
	'#000000',
	'#606060',
	'',
), 'Soft Cyan' );

add_color_palette( array(
	'#f1ebeb',
	'#ea2323',
	'#606060',
	'#cacaca',
	'',
), 'Grey & Red' );