<?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', '#edeaf1', array(
 	array( 'body', 'background-color' ),
) );

add_color_rule( 'txt', '#464646', array(
	array( '.site-title a', 'color', '#edeaf1', 8 ),
	array( '.bypostauthor .avatar', 'background-color', '#edeaf1', 8 ),
	array( '.site-description', 'color', '#edeaf1', 6 ),
) );

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

add_color_rule( 'link', '#2C807F', array(
 	array( 'h1', 'color', '#edeaf1', 3.75 ),
 	array( 'h3', 'color', '#edeaf1', 3.75 ),
 	array( 'a', 'color', '#edeaf1', 3.75 ),
 	array( '.site-title a:hover', 'color', '#edeaf1', 3.75 ),
 	array( '.widget_calendar #wp-calendar tbody td a', 'background-color', '#edeaf1', 3.75 ),
 	array( '.widget_calendar #wp-calendar #prev,.widget_calendar #wp-calendar #next', 'color', '#edeaf1', 3.75 ),
) );

add_color_rule( 'fg1', '#2C2C33', array(
 	array( 'h2', 'color', '#edeaf1', 12 ),
 	array( 'h4', 'color', '#edeaf1', 12 ),
 	array( 'h5', 'color', '#edeaf1', 12 ),
 	array( 'h6', 'color', '#edeaf1', 12 ),
 	array( 'a:hover,a:focus,a:active', 'color', '#edeaf1', 12 ),
 	array( '.main-navigation a:hover,.main-navigation li.current_page_item > a,.main-navigation li.current-menu-item > a,.main-navigation li.current_page_ancestor > a,.main-navigation li.current-menu-ancestor > a', 'color', '#edeaf1', 12 ),
 	array( '.main-navigation ul ul', 'background-color', '#edeaf1', 12 ),
 	array( '.widget-title', 'color', '#edeaf1', 12 ),
 	array( '.widget-title a', 'color', '#edeaf1', 12 ),
 	array( '.widget_calendar #wp-calendar thead th', 'background-color', '#edeaf1', 12 ),
 	array( '.widget_calendar #wp-calendar tbody td a:hover', 'background-color', '#edeaf1', 12 ),
) );


add_theme_support( 'custom_colors_extra_css', 'sundance_extra_css' );
function sundance_extra_css() { ?>
	body.custom-colors #page,
	body.custom-background.custom-background-image-empty #page {
		background-image: url(<?php echo get_stylesheet_directory_uri(); ?>/images/bg.jpg) repeat 0 0;
	}
<?php
}