<?php

/**
 * Notes and Documentation for a better color annotation.
 *
 * ## Contrast
 *
 * Always check for contrast when you are styling an element that needs to be read.
 * You can always pass a solid color or a  as the third argument
 * and it will be used as the contrast reference.
 *
 * The following rule makes sure 'heading' is readable against white:
 * add_color_rule( 'heading', 'color', '#fff' )
 *
 * Contrast ratio goes from 0 to 16.
 *
 * ## Opacity and Brightness
 *
 * Take advantage of opacity and brightness to style border colors that are
 * greyscale on the original theme.
 * array( 'element', 'border-color', '-1' )
 *
 * ## Extra
 *
 * The 'extra' category is very useful for adding additional static colors
 * whenever you need to have white text on top of a dynamic color, or when
 * you need to add an alpha value to a solid element on the orignal theme.
 * add_color_rule( 'extra', '#ffffff', array( array( 'some-text', 'color', .5 ) ) );
 *
 * That will give you a 0.5 transparent white text.
 *
 * ## Labels
 *
 * Remember to add labels like __( 'Menu' ) as the fourth argument of add_color_rule.
 *
 * ## CSS callback
 *
 * You can add additional CSS rules when the color annotation is loaded.
 * This is useful for turning solid text-shadow values into rgba, or adding content
 * wrappers around your main body. (At the bottom of this file is the code you need.)
 *
 * Have fun.
 */

add_color_rule( 'bg', '#ffffff', array(
	array( 'body', 'background-color' ),
) );

add_color_rule( 'fg1', '#000000', array(

) );

add_color_rule( 'fg2', '#ffffcc', array(

) );

add_color_rule( 'link', '#2a85e8', array(
	array( '.entry-header .entry-title', 'color', 'bg' ),
	array( 'a', 'color', 'bg' ),
	array( 'a:hover', 'color', 'bg' ),
	array( '.button, input#searchsubmit, input#submit, #nav-below a, #nav-above a, #image-navigation a', 'background-color' ),
	array( '.button:hover, input#searchsubmit:hover, input#submit:hover, #nav-below a:hover, #nav-above a:hover, #image-navigation a:hover', 'background-color', '+.3' ),
	array( 'h1, h2, h3, h4, h5, h6, div.subheader', 'color', 'bg' ),
	array( '.charcoal.button', 'background-color' ),
	array( '.charcoal.button:hover', 'background-color', '-.3' ),
	array( '.hide', 'background-color', .9 ),
	array( '.sticky .hide', 'background-color', '+.3', .9 ),
	array( '.comment-author cite a:hover', 'color', 'bg' ),
	array( '#commentform label span', 'color', 'bg' ),
),
__( 'Links & Headings' ) );

add_color_rule( 'txt', '#fa6274', array(

) );


add_color_rule( 'extra', '#ffffff', array(
	array( '.button, input#searchsubmit, input#submit, #nav-below a, #nav-above a, #image-navigation a', 'color', 'link' ),
	array( '.button:hover, input#searchsubmit:hover, input#submit:hover, #nav-below a:hover, #nav-above a:hover, #image-navigation a:hover', 'color', 'link' ),
	array( '.charcoal.button:hover', 'color', 'link' ),
	array( '.grid .entry-title', 'color', 'link' ),
	array( 'table', 'background-color', .1 ),
	array( 'dl.tabs dd a.active', 'background-color', .1 ),
) );

add_color_rule( 'extra', '#eaeaea', array(
	array( '#colophon', 'border-color', .2 ),
	array( '.comment .avatar', 'border-color', .2 ),
	array( '.comment .avatar', 'background-color', .2 ),
) );

add_color_rule( 'extra', '#999999', array(
	array( '.grid .entry-meta', 'color', 'link' ),
	array( '.entry-meta', 'color', 'bg' ),
) );

add_color_rule( 'extra', '#777777', array(
	array( '.subheader, .widget-title, #site-description, div.subheader', 'color', 'bg' ),
	array( '.archive .page-title, .search .page-title', 'color', 'bg' ),
	array( '.grid .entry-title', 'border-color', .1 ),
	array( '.grid p', 'color', '#000' ),
	array( 'blockquote, blockquote p', 'color', 'bg' ),
) );

add_color_rule( 'extra', '#666666', array(
	array( '.postdate, .postcomments', 'color', 'link' ),
	array( '.wp-caption .wp-caption-text, .gallery-caption, .wp-caption .wp-caption-text:before', 'color', 'bg' ),
) );

add_color_rule( 'extra', '#555555', array(
	array( 'body', 'color', 'bg' ),
	array( '.entry-meta a', 'color', 'bg' ),
	array( 'dl.tabs dd a, dl.tabs dd a.active', 'color', 'bg' ),
	array( 'blockquote cite, blockquote cite a, blockquote cite a:visited', 'color', 'bg' ),
) );

add_color_rule( 'extra', '#333333', array(
	array( 'table tbody tr td, table tfoot tr td, table caption', 'color', 'bg' ),
) );

add_color_rule( 'extra', '#222222', array(
	array( '.archive .page-title span', 'color', 'bg' ),
	array( 'abbr, acronym', 'color', 'bg' ),
) );

add_color_rule( 'extra', '#eeeeee', array(
	array( 'dl.tabs dd a', 'background-color', .1 ),
	array( '.wp-caption', 'background-color', .1 ),
	array( 'figure', 'background-color', .1 ),
	array( '.breadcrumb .title', 'background-color', .1 ),
) );

add_color_rule( 'extra', '#dddddd', array(
	array( 'hr', 'color', .3 ),
	array( 'hr', 'background-color', .3 ),
	array( '.hero .button', 'color', 'link' ),
	array( 'table', 'border-color', .1 ),
	array( 'img[class*=align], img[class*=wp-image-], #content .gallery .gallery-icon img', 'border-color', .3 ),
	array( 'dl.tabs dd a, dl.tabs', 'border-color', .3 ),
	array( 'blockquote', 'border-color', .3 ),
	array( 'abbr, acronym', 'border-color', .3 ),
	array( '.breadcrumb', 'border-color', .1 ),
) );

add_color_rule( 'extra', '#dadada', array(
	array( '.breadcrumb .title', 'border-color', .1 ),
) );

add_color_rule( 'extra', '#cccccc', array(
	array( 'dl.tabs dd a', 'color', 'bg' ),
) );

add_color_rule( 'extra', '#bfbfbf', array(
	array( '.label', 'background-color', .1 ),
) );

add_color_rule( 'extra', '#4f4f4f', array(
	array( '.button, input#searchsubmit, input#submit, #nav-below a, #nav-above a, #image-navigation a', 'color', 'link' ),
) );

add_color_rule( 'extra', '#f9f9f9', array(
	array( 'table tbody tr:nth-child(even)', 'background-color', .15 ),
) );

add_color_rule( 'extra', '#f5f5f5', array(
	array( '.hero', 'background-color', .2 ),
	array( 'thead', 'background-color', .2 ),
	array( '.breadcrumb', 'background-color', .2 ),
) );

add_color_rule( 'extra', '#9fa2a6', array(
	array( '.comment-meta a', 'color', 'bg' ),
) );

add_color_rule( 'extra', '#37393c', array(
	array( '.comment-author cite a', 'color', 'bg' ),
) );

/* Adding extra CSS to remove text and box shadows on breadcrumbs */

add_theme_support( 'custom_colors_extra_css', 'mixfolio_extra_css' );
function mixfolio_extra_css() { ?>
	.breadcrumb {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	.breadcrumb li {
		text-shadow: none;
	}
<?php
}