<?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' ),
 	array( 'hr', 'color' ),
 	array( '.hentry .message', 'color' ),

) );

add_color_rule( 'fg1', '#a0daf5', array(
 	array( '.sticky hr', 'border-color' ),
	),
	__( 'Sticky Posts Border', 'clean-home' )
);//Sticky Posts accent

add_color_rule( 'link', '#000000', array(
	array( '.hentry .hentry-meta a:hover', 'color', '#ffffff' ),
	array( '.header a,#blurb a,.content a,#sidebar a,#footer a', 'color', '#ffffff' ),
	array( '.header a,#blurb a,.content a,#sidebar a,#footer a', 'border-color', '#ffffff' ),
	array( '#comments input#submit', 'color', '#f5f5f5' ),
	array( '#sidebar .widget_recent_comments li a, #sidebar .widget_recent_comments li a:hover', 'color', '#ffffff' ),
	array( '#sidebar .widget_recent_comments li a, #sidebar .widget_recent_comments li a:hover', 'border-color', '#ffffff' ),
	array( '#sidebar .block li', 'color' ),
	),
	__( 'Links', 'clean-home' )
);//links

add_color_rule( 'txt', '#ca1e00', array(
	array( '#logo a', 'color', '#ffffff' ),
	array( '.header a:hover, #blurb a:hover, #sidebar a:hover, #footer a:hover, .content a:hover', 'color', '#ffffff' ),
	array( '.header a:hover, #blurb a:hover, #sidebar a:hover, #footer a:hover, .content a:hover', 'border-color', '#ffffff' ),
	array( '#sidebar .block li:hover', 'color' ),
	),
	__( 'Site Title and Link Hover', 'clean-home' )
);

add_color_rule( 'extra', '#f7f7f7', array(
	array( '#sidebar a:hover', 'background-color', .5 ),
	array( '#nav li a:hover', 'background-color', .5 ),
	array( '.hentry .wp-caption', 'background-color', .5 ),
	array( '#sidebar .block li a:hover', 'background-color', .5 ),
	array( '#sidebar .widget_recent_comments li a:hover', 'background-color', .5 ),
) );

add_color_rule( 'extra', '#000000', array(
	array( 'body', 'color', '#ffffff' ),
) );

add_color_rule( 'extra', '#cccccc', array(
	array( 'hr', 'border-color', .5 ),
	array( '.header', 'border-color', .5 ),
	array( '#blurb', 'border-color', .5 ),
	array( '.content', 'border-color', .5 ),
	array( '.hentry blockquote,.comment blockquote', 'border-color', .5 ),
	array( 'body.single .navigation', 'border-color', .5 ),
	array( '#comments cite', 'border-color'. .5 ),
	array( '#comments ol.commentlist li', 'border-color', .5 ),
	array( '#sidebar .block ul', 'border-color', .5 ),
	array( '#sidebar .block li', 'border-color', .5 ),
	array( '#sidebar .widget_search label', 'border-color', .5 ),
	array( '#sidebar .widget_tag_cloud h3', 'border-color', .5 ),
	array( '#sidebar .widget_text h3, #sidebar .calendar h3', 'border-color', .5 ),
	array( '#sidebar #wp-calendar th', 'border-color', .5 ),
	array( '#sidebar #wp-calendar tfoot td', 'border-color', .5 ),
	array( '#footer', 'border-color', .5 ),

) );

/*
 * Extra CSS to remove bullet images and replace with standard square bullet that adopts user-selected colors
 */

add_theme_support( 'custom_colors_extra_css', 'clean_home_extra_css' );
function clean_home_extra_css() { ?>
	#sidebar .block li {
		list-style: square;
	}
	#sidebar .block li a,
	#sidebar .block li a:hover {
		background-image: none;
		padding-left: 0;
	}
	#sidebar .block ul {
		padding-left: 15px;
	}
<?php
}