<?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', '#ffde01', array(
	array( 'body', 'background-color' ),
	array( '.hentry img, #reply-title, .comments-title', 'border-color' ),
), __( 'Background' ) );

/**
 * Site Title
 */

add_color_rule( 'fg1', '#ffde01', array(
    array( '.site-title a, .widget-title, .widget-title a', 'color' ),
), __( 'Logo' ) );

/**
 * Site Description
 */

add_color_rule( 'txt', '#cccccc', array(
    array( '.site-description', 'color' ),
), __( 'Site Description' ) );

/**
 * Links
 */

add_color_rule( 'link', '#ffffff', array(
    array( '#content a, .entry-title a, #secondary ul li a, .navigation-main a, .site-info a, .byline .post-edit-link:before, .entry-meta .post-edit-link:before, .entry-date:before, .byline .author, .rss-date:before, .widget_rss cite:before, .menu-toggle:before, .byline .comments-link:before, .entry-meta .comments-link:before, .byline .permalink:before, .entry-meta .permalink:before, .byline .shortlink:before, .entry-meta .shortlink:before, .byline .category:before, .entry-meta .category:before, [class*="navigation"] .previous:before, [class*="navigation"] .next:after, .comment-author cite:before, .comment-meta time:before, .comment-reply-link:before, #respond #cancel-comment-reply-link:after, .widget_nav_menu a:before, .widget_meta a:before, .widget_pages a:before, .widget_categories a:before, .widget_archive a:before, .widget_recent_entries a:before, .grofile-links a:before, .widget_nav_menu a:hover:before, .widget_meta a:hover:before, .widget_pages a:hover:before, .widget_categories a:hover:before, .widget_archive a:hover:before, .widget_recent_entries a:hover:before, .grofile-links a:hover:before, .byline .author:before, .entry-meta .author:before, #infinite-footer .blog-info a, #infinite-footer .blog-credits a, .format-standard .post-format-link:before, .format-video .post-format-link:before, .format-gallery .post-format-link:before, .format-status .post-format-link:before, .format-image .post-format-link:before, .format-chat .post-format-link:before', 'color' ),
), __( 'Links' ) ); 


/**
 * Main Menu
 */

add_color_rule( 'fg2', '#ffde01', array(
    array( '.navigation-main, .navigation-main ul ul a', 'background-color' ),
    array( '.navigation-main a', 'border-color' ),
), __( 'Main Menu' ) );


/**
 * Extra CSS
 */
 
 add_theme_support( 'custom_colors_extra_css', 'fanwood_light_extra_css' );
function fanwood_light_extra_css() { ?>
a:hover{
	color:#ffffff!important;
	}
.navigation-main li.current_page_item a,
.navigation-main li.current-menu-item a {
	background:#333333;
	color:#ffffff;
}
.navigation-main li:hover > a {
	background:#000000;
	color:#ffffff;
}
button,
input[type="reset"],
input[type="submit"],
input[type="button"],
.more-link,
#comment-submit {
	background: #000000;
	color:#ffffff;
}
button:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.more-link:hover {
	background:#333333;
	color:#ffffff;
}
<?php
}