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

add_color_rule( 'fg1', '#b94f25', array(
 	array( '.sunstrip,.sunstrip-small', 'background-color' ),
 	array( '.sunstrip::after, .sunstrip-small::after', 'background-color', '-2' ),
 	array( 'button,html input[type="button"],input[type="reset"],input[type="submit"]', 'background-color' ),
 	array( '.entry-header .entry-meta a', 'color', 'bg' ),
 	array( '.entry-header .entry-meta:before', 'color', 'bg' ),
 	array( 'footer.entry-meta a', 'color', '#120f10', 5 ),
 	array( '.comments-link a', 'color', 'fg2' ),
 	array( '.comments-link a:hover:before', 'border-left-color', 'bg', 2 ),
	array( '.comments-link a:hover,.comments-link a:focus,.comments-link a:active', 'background-color', 'bg', 2 ),
	array( 'a.more-link', 'color', 'bg' ),
	array( '.comment-author cite,.comment-author cite a', 'color', 'bg' ),
	array( '.rss-date', 'color', 'bg' ),
	array( '#wp-calendar tbody td:hover', 'color', 'fg2' ),
	array( '#wp-calendar #today', 'color', 'fg2' ),
	array( '#wp-calendar #prev,#wp-calendar #next', 'color', 'fg2' ),
	array( '.widget_twitter .timesince', 'color', 'bg' ),
	),
	__( 'Buttons, Post Titles, and Links', 'sunspot' )
);

add_color_rule( 'fg2', '#000000', array(
 	array( 'a img', 'border-color', .2 ),
 	array( 'hr', 'border-color', .2 ),
 	array( 'button::-moz-focus-inner,input::-moz-focus-inner', 'border-color', .2 ),
 	array( '.main-navigation ul ul', 'background-color' ),
	array( '.main-navigation ul li:hover', 'background-color' ),
	array( '.sticky-label', 'background-color' ),
	array( '.comments-link a', 'background-color', 'bg', 2 ),
	array( '.comments-link a:before', 'border-left-color', 'bg', 2 ),
	array( '.comments-link a:hover,.comments-link a:focus,.comments-link a:active', 'color' ),
	array( '.page-links a', 'background-color' ),
	array( '.page-links a:hover', 'background-color' ),
	array( '.more-link .meta-nav', 'background-color' ),
	array( '.entry-content hr', 'border-color', .2 ),
	array( '#content .site-navigation a,#image-navigation a', 'background-color' ),
	array( '.commentlist .reply', 'background-color' ),
	array( '#cancel-comment-reply-link', 'background-color' ),
 	array( '#wp-calendar tbody td', 'background-color' ),
 	//array( '.wrap:before', 'background-color', .7 ),
	),
	__( 'Navigation, Comment Bubbles, and Borders', 'sunspot' )
);

add_color_rule( 'link', '#fcb03e', array(
 	array( 'a,a:visited', 'color', 'bg' ),
 	array( '#cancel-comment-reply-link a', 'color', '#616063' ),
 	array( '#wp-calendar a,#wp-calendar a:visited', 'color', 'fg2' ),
 	array( '#wp-calendar #next a, #wp-calendar #next a:visited,#wp-calendar #prev a, #wp-calendar #prev a:visited', 'color', 'bg' ),
 	array( '.site-title,.site-title a', 'color', '#000', 5 ),
 	array( '.main-navigation li a', 'color', '#000', 10 ),
 	array( '.main-navigation li li a', 'color', 'fg2', 10),
 	array( '.main-navigation li:hover a', 'color', 'fg2', 10),
 	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', 'bg' ),
 	array( '.menu-toggle', 'color', 'bg' ),
 	array( '.entry-title, .entry-title a', 'color', 'bg' ),
	),
	__( 'Links, Entry Titles, and Site Title', 'sunspot' )
);

add_color_rule( 'txt', '#927e66', array(
 	array( '.sticky-label', 'color', 'fg2', 6 ),
 	array( '.page-title', 'color', 'bg' ),
 	array( '.page-links a', 'color', 'fg2' ),
 	array( '.more-link .meta-nav', 'color', 'fg2' ),
  	array( '#content .site-navigation a,#image-navigation a', 'color', 'fg2' ),
  	array( '#content .site-navigation a:hover,#image-navigation a:hover', 'color', '#1e1b1a', 13 ),
 	array( '.comments-title', 'color', 'bg' ),
 	array( '.commentlist .reply a', 'color', 'fg2' ),
 	array( '#reply-title', 'color', 'bg' ),
 	array( '.form-allowed-tags', 'color', 'bg' ),
 	array( '#respond .comment-notes', 'color' ),
 	array( '.widget-title,.widget-title a', 'color', 'bg' ),
 	array( '#tertiary .widget-title,#tertiary .widget-title a', 'color', '#000', '+3' ),
 	array( '.site-info a', 'color', 'bg' ),
 	array( '.highlander-dark #respond label', 'color', '#fff' ),
	),
	__( 'Widget Headings, Featured Posts, Page Titles, and Page Links', 'sunspot' )
);

add_color_rule( 'extra', '#b29d85', array(
	array( 'body, button, input, select, textarea, .site-info', 'color', 'bg' ),
	array( '.site-description', 'color', '#000', '+3' ),
	array( 'footer.entry-meta', 'color', '#120f10' ),

) );

add_color_rule( 'extra', '#181514', array(
	array( '#wp-calendar tbody', 'background-color', .2 ),
	array( '#wp-calendar tbody', 'border-color', .2 ),
	array( '#wp-calendar tbody td:hover', 'background-color', .2 ),
	array( '.wp-caption', 'background-color', .5 ),
	array( '#wp-calendar #today', 'background-color', .5 ),
) );

add_color_rule( 'extra', '#120f10', array(
	array( 'footer.entry-meta, .entry-content img, .entry-thumbnail img', 'background-color', .8 ),
) );

add_color_rule( 'extra', '#393636', array(
	array( 'footer.entry-meta', 'border-color', .2 ),
	array( '.sticky-label', 'border-color', .2 ),
	array( '#secondary, .hentry', 'border-color', .2 ),
	array( '#content .site-navigation a, #image-navigation a', 'color', 'fg2' ),
	array( '#content .site-navigation a, #image-navigation a', 'border-color', .2 ),
	array( '#content .site-navigation a:hover, #image-navigation a:hover', 'border-color', .2 ),
	array( '.comment-author, .commentlist li:first-child', 'border-color', .2 ),
	array( '#cancel-comment-reply-link', 'border-color', .2 ),
	array( '.more-link .meta-nav', 'border-color', .2 ),
) );

add_color_rule( 'extra', '#191919', array(
	array( '#wp-calendar tbody td', 'border-color', .2 ),
) );

add_color_rule( 'extra', '#302f2d', array(
	array( '.main-navigation li, .site-info', 'border-color', .2 ),
) );

add_color_rule( 'extra', '#bfaa91', array(
	array( '.main-navigation li a:hover', 'color', 'fg2', 10 ),
) );

add_color_rule( 'extra', '#7e6b54', array(
	array( '#wp-calendar tbody td', 'color', 'fg2' ),
) );

add_color_rule( 'extra', '#aa957d', array(
	array( '.wp-caption .wp-caption-text', 'color', '#181514', 16 ),
) );

add_color_rule( 'extra', '#1e1b1a', array(
	array( '#content .site-navigation a:hover,#image-navigation a:hover', 'background-color', .5 ),
) );

/*
 * Extra CSS to remove the linear gradient when Custom Colors are activated
 */

add_theme_support( 'custom_colors_extra_css', 'sunspot_extra_css' );
function sunspot_extra_css() { ?>
	.sunstrip,.sunstrip-small {
		filter:none;
		background: inherit;
	}
	.sunstrip::after, .sunstrip-small::after {
		background-image: none;
	}
<?php
}