<?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', '#fff', array(
 	array( 'body', 'background-color' ),
 	array( '.post-header, .post-footer', 'border-color', 'bg', '1' ),
 	array( '#header', 'border-color', 'bg', '2' ),
) );

add_color_rule( 'fg1', '#772124', array(
 	array( 'a:hover', 'color', 'bg' ),
 	array( '#header #title a:hover', 'color', 'bg' ),
 	array( '#nav ul li a:hover,#nav ul li:hover > a,#nav ul li.current_page_item > a,#nav ul li.current_page_parent > a,#nav ul li.current_page_ancestor > a,#nav ul li.current-cat > a,#nav ul li.current-menu-ancestor > a,#nav ul li.current-menu-item > a,#nav ul li.current-menu-parent a', 'color', 'bg' ),
 	array( '#nav ul li a:hover,#nav ul li:hover > a,#nav ul li.current_page_item > a,#nav ul li.current_page_parent > a,#nav ul li.current_page_ancestor > a,#nav ul li.current-cat > a,#nav ul li.current-menu-ancestor > a,#nav ul li.current-menu-item > a,#nav ul li.current-menu-parent a', 'border-top-color', 'bg' ),
 	array( '.post-header h1 a:hover,.post-header h2 a:hover', 'color', 'bg' ),
 	array( '.meta a:hover', 'color', 'bg' ),
 	array( '.comments a:hover', 'color', 'bg' ),
 	array( '.categories a:hover', 'color', 'bg' ),
 	array( 'span.asterisk', 'color', 'bg' ),
 	array( '#footer a:hover', 'color', 'bg' ),
), __( 'Link Hover' ) );

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

add_color_rule( 'link', '#772124', array(
 	array( 'a:link,a:visited', 'color', 'bg' ),
 	array( '.post-header h1 a:link, .post-header h1 a:visited, .post-header h2 a:link, .post-header h2 a:visited', 'color', 'bg' ),
 	array( '#title a', 'color', 'bg' ),
) );

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

add_color_rule( 'extra', '#333', array(
 	array( 'body', 'color', 'bg' ),
 	array( '.categories a:link, .categories a:visited', 'color', 'bg' ),
 	array( '#nav li a', 'color', 'bg', 8 ),
 	array( '#footer', 'color', 'bg' ),
) );

add_color_rule( 'extra', '#333', array(
 	array( '#description h2', 'color', 'bg' ),
 	array( '.post .date, .comments, .meta, .categories', 'color', 'bg' ),
 	array( '.meta a:link, .meta a:visited', 'color', 'bg' ),
 	array( '#footer a:link, #footer a:visited', 'color', 'bg' ),
) );

add_color_rule( 'extra', '#eee', array(
 	array( '.sticky .entry', 'background-color', .1 ),
 	array( '#footer', 'border-color', 'bg' ),
) );

add_theme_support( 'custom_colors_extra_css', 'themename_extra_css' );
function themename_extra_css() { ?>
.comments a {
	background-image: none;
	padding-left: 0;
}
<?php
}