<?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( 'link', '#26ade4', array(
	array( 'a', 'color', '#FFFFFF' ),
	array( 'a:visited', 'color' ),
	array( '.entry-title a:hover', 'color', '-2' ),
	array( '.entry-meta a:hover', 'color' ),
	array( '.site-footer a:hover', 'color' ),
	array( 'a:hover,a:focus,a:active', 'color', '-2' ),
	array( 'pre', 'background-color', .07 ),
	array( '.site-main article.sticky', 'background-color', .07 ),
	array( '.main-small-navigation', 'background-color' ),
	array( '.main-small-navigation a', 'border-color', 'link', 2 ),
) );

add_color_rule( 'txt', '#1e8daf', array(
	array( '.entry-title a', 'color' ),
	array( '.main-small-navigation a,
		.main-small-navigation a:active,
		.main-small-navigation a:visited,
		.main-small-navigation a:focus', 'color', 'link' ),
) );

add_color_rule( 'fg2', '#404040', array(
	array( 'body', 'color', '#FFFFFF' ),
	array( '.entry-meta,.entry-meta a', 'color', '+1' ),
	array( '.entry-meta,.entry-meta a', 'color', '#FFFFFF' ),
	array( '.site-main article', 'border-bottom-color', '+4' ),
), __( 'Text', 'publish' ) );


/* Adding extra CSS...

add_theme_support( 'custom_colors_extra_css', 'themename_extra_css' );
function themename_extra_css() { ?>
	Your CSS code.
<?php
}

*/