<?php

/*
 * The background of the body element
 */
add_color_rule( 'bg', '#202228', array(
	array( 'body', 'background-color' ),
) );


/*
 * Header Text
 */
add_color_rule( 'txt', '#BFC3CF', array(
	array( '
		h1#site-title a, h2#site-description', 'color', 'bg' ),
), __( 'Header Text' ) );


/*
 * Foreground.
 *
 * Represents the background colors of all containers.
 * Including: menu, content area, sidebar, and comments.
 */
add_color_rule( 'fg2', '#111111', array(
	array( '
		#menu,
		#menu ul ul a,
		#introduction,
		.hentry,
		#respond.js,
		.widget,
		#infinite-footer .container,
		.commentlist .depth-1 article',
		'background-color'
	),
	array( '
		#menu li.current-menu-item > a,
		#menu li.current-menu-ancestor > a,
		#menu li.current_page_item > a,
		#menu li.current_page_ancestor > a,
		#menu a:focus,
		#menu a:hover,
		#menu li:hover > a',
		'background-color',
		'+1'
	),
), __( 'Foreground' ) );


/*
 * Highlights.
 * These are areas in the theme that appear bright orange by default.
 */
add_color_rule( 'fg1', '#ff5a00', array(
	array( '
		.entry-byline,
		.entry-byline .post-edit-link,
		.sticky .title,
		.sticky.hentry .title',
		'background-color',
	),
	array( '
		.sticky .title',
		'border-bottom-color'
	),
	array( '
		.entry-byline',
		'border-color',
		'-1'
	),
	array( '
		.entry-byline',
		'background-color',
		'-1'
	),

	array(
		'.more-link',
		'color',
		'-1'
	),
), __( 'Highlights' ) );


/*
 * Links
 */
add_color_rule( 'link', '#989EAE', array(
	array( '
		a,
		a:hover,
		.entry-content a,
		.entry-content a:hover,
		.paged-navigation a,
		#paged-navigation,
		#paged-navigation a,
		#paged-navigation a:hover,
		#paged-navigation a:active,
		#paged-navigation a:focus,
		#post-nav a,
		#post-nav a:hover,
		#post-nav a:active,
		#post-nav a:focus,
		.bypostauthor > article .comment-meta,
		.bypostauthor > article .comment-meta a,
		.bypostauthor > article .comment-meta a:hover,
		.comment .reply a,
		.comment .reply a:hover',
		'color'
	),
	array( '
		#menu li:hover > a,
		#menu li:hover > a:focus,
		#menu li:hover > a:hover,
		#menu li:hover > a:active,
		#menu li.current-menu-item > a,
		#menu li.current-menu-ancestor > a,
		#menu li.current_page_item > a,
		#menu li.current_page_ancestor > a',
		'color',
		'fg2'
	),
) );


/*
 * Force Darkness.
 */
add_color_rule( 'extra', '#000', array(
	array( '
		th',
		'background-color',
		0.4
	),
	array( '
		.highlander-dark #respond #comment-form-comment,
		.highlander-light #respond #comment-form-comment,
		.highlander-dark #comment-form-share-text-padder,
		.highlander-light #comment-form-share-text-padder',
		'background-color',
		0.1
	),
	array( '
		.highlander-dark #respond #comment-form-identity,
	.highlander-light #respond #comment-form-identity',
		'background-color',
		0.3
	),
) );


/*
 * Force Lightness.
 */
add_color_rule( 'extra', '#fff', array(

	/*
	 * Backgrounds.
	 */

	array( '
		.hentry .title,
		.widget-title,
		blockquote,
		blockquote blockquote blockquote,
		pre,
		code,
		var,
		ins,
		tbody td,
		#main div.wp-caption,
		.comment .reply a,
		.comment footer,
		.comment .reply a,
		#respond.js',
		'background-color',
		0.1
	),
	array( '
		.bypostauthor > article .comment-meta,
		.entry-navigation span',
		'background-color',
		0.2
	),

	/*
	 * Borders.
	 */

	array( '
		#menu,
		#menu ul ul a,
		blockquote,
		pre,
		code,
		var,
		ins,
		#main div.wp-caption,
		table,
		th,
		td,
		.hentry,
		.hentry .title,
		#main .gallery img,
		#post-nav,
		.widget,
		.widget-title,
		.commentlist .depth-1 article,
		.comment footer,
		.comment .reply a,
		#respond.js,
		#infinite-footer .container',
		'border-color',
		0.1
	),
	array( '
		#main .gallery img:hover,
		#menu ul ul,
		.entry-navigation span',
		'border-color',
		0.2
	),

	array( '
		#infinite-footer .blog-credits,
		#infinite-footer .container a',
		'color',
		'fg2'
	),
	array( '.widget a, #page-wrap .widget a:hover, #menu a, #menu ul ul a', 'color', 'fg2', 8 ),

) );


add_color_rule( 'extra', '#bfc3cf', array(
	array( '
		h2.entry-title,
		h2.entry-title a',
		'color',
		'fg2'
	),
) );


add_color_rule( 'extra', '#cccfd7', array(
	array( '
		h1, h2, h3, h4, h5, h6,
		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
		dt,
		.widget,
		.widget-title,
		.widget-title a,
		#page-title',
		'color',
		'fg2'
	),
) );


add_color_rule( 'extra', '#666c7f', array(
	array( '#page-tagline', 'color', 'fg2' ),
) );


add_color_rule( 'extra', '#989eae', array(
	array( '
		body,
		blockquote,
		pre,
		code,
		var,
		ins,
		.entry-navigation a,
		.entry-navigation span',
		'color',
		'fg2'
	),
) );


add_color_rule( 'extra', '#797e94', array(
	array( '
		.entry-meta,
		.entry-meta a',
		'color',
		'fg2'
	),
) );


add_color_rule( 'extra', '#777d92', array(
	array( '
		#colophon,
		#colophon a',
		'color',
		'bg'
	),
) );


/**
 * Custom CSS styles.
 */
function custom_colors_parament_extra_css() { ?>
#menu {
	background-image: none;
}
#branding,
.sticky h2.entry-title,
.entry-byline {
	text-shadow: 0 2px 2px rgba(0,0,0,0.2);
}
<?php
}
add_theme_support( 'custom_colors_extra_css', 'custom_colors_parament_extra_css' );