<?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', '#683d29', array(
	array( 'body', 'background' ),
	array( '#access ul ul a, #access ul ul :hover > a', 'background-color', '+1' ),
	array( '#access ul ul a:hover', 'background', '-0.5' ),
) );

add_color_rule( 'fg1', '#dd2b27', array(
	array( '#description-bar, #searchsubmit', 'background' ),
	array( '#description-bar-shadow', 'background', '-1' ),
	array( '.sticky .entry-date', 'background-color' ),
	array( '.sticky .entry-date-bottom', 'background-color', '-1' ),
), __( 'Accent Color' ) );

add_color_rule( 'fg2', '#6ab690', array(
	array( '#primary, #secondary', 'background' ),
	array( '.highlight-box', 'background', '+1' ),
	array( '.bypostauthor, .entry-meta', 'background', '-1' ),
), __( 'Content Color' ) );

add_color_rule( 'link', '#cce5fc', array(
 	array( 'a,a:visited', 'color' ),
 	array( '#access a', 'color', 'bg' ),
 	array( 'a:hover', 'color', '+1' ),
  	array( '#flickr_badge_uber_wrapper a:hover,#flickr_badge_uber_wrapper a:link,#flickr_badge_uber_wrapper a:active,#flickr_badge_uber_wrapper a:visited', 'color' ),
) );

add_color_rule( 'txt', '#f3d769', array(
 	array( '#reply-title,#comments-title, #author-info-title, #site-title, #site-title a, #site-title a:hover, .widget-title, .widget-title a, .post-title, .format-link .post-title', 'color' ),
 	array( '.entry-date', 'background-color' ),
 	array( '.entry-date-bottom', 'background-color', '-1.5' ),
) );

add_color_rule( 'extra', '#eeeeee', array(
	array( '#access ul ul a, #access ul ul :hover > a, #access ul ul a:hover', 'color', 'bg' )
) );
add_color_rule( 'extra', '#f3d769', array(
	array( '#access .current_page_ancestor > a,#access .current_page_item > a,#access .current_page_parent > a,#access .current-menu-ancestor > a,#access .current-menu-item > a,#access .current-menu-parent > a', 'color', 'bg' )
) );
add_color_rule( 'extra', '#ffffff', array(
	array( '#secondary .widget, .highlight-box,.format-link .post-title a, #primary, #secondary,.entry-meta, .wp-caption .wp-caption-text, .gallery-caption, body .attachment .entry-caption', 'color', 'fg2' )
) );
add_color_rule( 'extra', '#ffffff', array(
 	array( '#searchsubmit, #description-bar,.sticky a.entry-date-link, .sticky a.entry-date-link:hover, .sticky a.entry-date-link:visited', 'color', 'fg1' ),
) );
add_color_rule( 'extra', '#ffffff', array(
 	array( 'a.entry-date-link, a.entry-date-link:hover, a.entry-date-link:visited', 'color', 'txt' ),
) );
add_color_rule( 'extra', '#ffffff', array(
 	array( '#site-generator', 'color', 'bg' ),
) );

/* Adding extra CSS... */

add_theme_support( 'custom_colors_extra_css', 'nextsaturday_extra_css' );
function nextsaturday_extra_css() { ?>
	#access ul ul a,
	.widget_rss ul li,
	.widget_twitter .tweets li,
	#reply-title,
	#comments li,
	#comments ul li,
	#comments .avatar {
		border-color: rgba(255, 255, 255, 0.3);
	}
	.highlight-box,
	div#secondary.highlight-box,
	#author-description {
		color: inherit;
		text-shadow: none;
	}
	.widget-title,
	.widget-title a,
	#author-info-title,
	#comments-title,
	#reply-title {
		text-shadow: none;
	}
	#primary,
	.highlight-box,
	.entry-content img,
	.format-image .image-wrapper img,
	#description-bar,
	#searchsubmit,
	.entry-date,
	.sticky .entry-date,
	#content .gallery a img {
		border: 1px solid rgba(255, 255, 255, 0.2);
	}
	#site-title,
	.post-title,
	.format-link .post-title {
   		text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
	}
	.entry-date-shadow {
		background-color: rgba(0, 0, 0, 0.3);
	}
	.entry-meta {
		border: 1px solid rgba(0, 0, 0, 0.1);
   		box-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
	}
	#description-bar-shadow {
		background: rgba(0, 0, 0, 0.5);
		height: 8px;
		margin: 0 0 1em -11px;
		width: 636px;
	}
	#searchsubmit {
		box-shadow: 2px 2px rgba(0, 0, 0, 0.3);
	}
	.meta-nav {
		display: inline-block;
	}
	.nav-previous a, .previous-image a,
	.nav-next a, .next-image a {
		background: none;
		height: auto;
		text-indent: 0;
		width: 50%;
	}
	#site-generator a {
		text-shadow: none;
	}
<?php
}