<?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', '#F7F3ED', array(
	array( 'body', 'background' ),
	array( '#nav .current_page_item a', 'background-color', '-1' ),
	array( '#nav ul ul a', 'background-color', '-1' ),
	array( '#nav li:hover > a,#nav ul ul :hover > a', 'background-color', '-1' ),
	array( '#primary-content .date small', 'background' ),
	array( '#nav', 'border-top-color', '-1' ),
	array( '#nav', 'border-bottom-color', '+1' ),
// 	array( '.format-aside .aside-wrap,.format-quote .quote-wrap,.format-gallery .gallery-wrap', 'background-color' ),
// 	array( '.format-image .entry', 'background-color' ),
// 	array( '#wp-calendar #today', 'background-color' ),
// 	array( '#comments li', 'background-color' ),
) );

add_color_rule( 'fg1', '#E2DBD1', array(
	array( '#site-title a', 'color', 'bg' ),
	array( '#site-title a', 'border-color' ),
	array( 'blockquote', 'background-color' ),
	array( 'blockquote', 'border-color', '-1' ),
// 	array( 'pre', 'background-color' ),
// 	array( '#nav .current_page_item a', 'background-color' ),
	array( '#author-info-box', 'background-color' ),
	array( '#author-info-box', 'border-color', '-1' ),
	array( '.entry tr.odd td', 'background-color' ),
	array( '.entry .gallery img', 'background-color' ),
	array( 'img.alignleft,img.alignright,img.aligncenter,img.alignnone,.post-thumbnail', 'background-color' ),
	array( '.wp-caption img,.entry .wp-caption img', 'background-color' ),
	array( '#secondary-content', 'background-color' ),
	array( '#secondary-content', 'border-color', '-1' ),
	array( '.widget-area ul li', 'border-color', '-1' ),
) );

add_color_rule( 'fg2', '#F7F3ED', array(
// 	array( '.format-aside .aside-wrap,.format-quote .quote-wrap,.format-gallery .gallery-wrap', 'background-color' ),
	array( '.format-image .entry', 'background-color' ),
	array( '#wp-calendar #today', 'background-color' ),
	array( '#comments li', 'background-color' ),
	array( '#comments li', 'border-color', '-1' ),
) );

add_color_rule( 'link', '#CC4D22', array(
	array( 'a', 'color', 'bg' ),
	array( '#nav li:hover > a,#nav ul ul :hover > a, #nav .current_page_item a', 'color', 'bg', 6 ),
	array( '#primary-content .post-title a:hover', 'background' ),
	array( '.comments-num a', 'color', 'bg' ),
	array( '#searchsubmit:hover,.error-page #searchsubmit:hover', 'background-color' ),
	array( '#primary-content .error-page h1 span', 'color' ),
	array( '.error-page dt', 'color' ),
	array( '#comments .comment-meta a:hover', 'color' ),
	array( '#comments .comment a', 'color', 'fg2' ),
	array( '.required', 'color' ),
	array( '.page-link a', 'border-color', '-1' ),
	array( '#author-info-box a', 'color', 'fg1' ),
) );

add_color_rule( 'txt', '#0097A5', array(
	array( 'input[type="submit"]', 'background' ),
	array( '#primary-content .post-title a', 'background' ),
	array( '.comment-reply-link', 'background-color' ),
// 	array( '#comments ul li', 'background-color' ),
) );

add_color_rule( 'extra', '#121212', array(
	array( 'body', 'color', 'bg' ),
	array( '#author-description', 'color', 'fg1' ),
	array( '#comments li', 'color', 'fg2' ),
) );

add_color_rule( 'extra', '#fff', array(
	array( '#primary-content .post-title a', 'color', 'txt' ),
	array( '#primary-content .post-title a:hover', 'color', 'link' ),
	array( 'input[type="submit"]', 'color', 'txt' ),
	array( '#comments .comment .comment-reply-link', 'color', 'txt' ),
) );

add_color_rule( 'extra', '#666', array(
	array( '.widget-area', 'color', 'fg1' ),
	array( '.post-meta, .post-meta a', 'color', 'bg' ),
	array( '#primary-content .date small', 'color', 'bg' ),
	array( '#primary-content .date small a', 'color', 'bg' ),
	array( '#primary-content .date small a', 'border-color', 'bg' ),
	array( 'blockquote', 'color', 'fg1' ),
) );

add_color_rule( 'extra', '#666', array(
	array( '#author-info-title', 'color', 'fg1' ),
	array( '#comments .comment-meta, #comments .comment-meta a, .nopassword, .subscribe-label', 'olor', 'fg2' ),
) );

add_color_rule( 'extra', '#393939', array(
	array( '.widget-area ul ul a', 'color', 'fg1' ),
	array( '#primary-content .single-title, #primary-content .page-title', 'color', 'bg' ),
) );

add_color_rule( 'extra', '#000', array(
	array( '#nav ul ul a', 'color', 'bg' ),
) );

/* Adding extra CSS... */

add_theme_support( 'custom_colors_extra_css', 'themename_extra_css' );
function themename_extra_css() { ?>
	#canvas,
	.post-wrapper,
	#nav,
	.nav-previous a, .previous-image a,
	.nav-next a, .next-image a {
		background-image: none;
	}
	.nav-previous a, .previous-image a,
	.nav-next a, .next-image a {
		padding-left: 0
		padding-right: 0;
	}
	#nav {
		border-top-style: solid;
		border-top-width: 1px;
	}
	#site-title a,
	#primary-content .post-title a,
	.entry h1, .entry h2, .entry h3, .entry h4,
	.widget-title,
	.widget-area a,
	#primary-content .single-title, #primary-content .page-title,
	#author-info-title {
		text-shadow: none;
	}
	#site-title a {
		background-image: none;
		border-bottom-width: 3px;
		border-bottom-style: solid;
	}
	.bypostauthor {
		background: rgba(0,0,0,0.2) !important;
		border-color: rgba(0,0,0,0.2) !important;
	}
<?php
}