<?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.
 */

/**
 * Background
 */
add_color_rule( 'bg', '#f3f3f3', array(
	array( 'body', 'background-color' ),
) );

// Adapt site title and description accordingly
add_color_rule( 'extra', '#333', array(
	array( '.site-title a, .site-description', 'color', 'bg' )
) );

/**
 * Main Navigation and Footer Widgets
 */
add_color_rule( 'fg1', '#2e2e2e', array(
	array( '.main-navigation, .footer-widget-area', 'background-color' ),
	array( '.main-navigation ul ul', 'background-color', '+0.25' ),
	array( '.main-navigation ul ul ul', 'background-color', '+0.5' ),
) );

// Make sure that the overlayed elements have enough contrast
add_color_rule( 'extra', '#fff', array(
	array( '.main-navigation a, .menu-toggle', 'color', 'fg1' ),
	array( '.main-navigation a:hover, .main-navigation ul :hover > a,.main-navigation ul ul :hover > a, .main-navigation li.current_page_item a, .main-navigation li.current-menu-item a, .main-navigation li.current_page_ancestor a, .main-navigation li.current-menu-ancestor a', 'color', 'fg1', 3 ),
	array( '.main-navigation ul ul li', 'border-top-color', 'fg1', 3 ),
	array( '.main-navigation ul ul ul li', 'border-top-color', 'fg1', 2 ),
) );
add_color_rule( 'extra', '#979797', array(
	array( '.footer-widget-area', 'color', 'fg1' ),
) );
add_color_rule( 'extra', '#444', array(
	array( '.footer-widget-area .widget ul > li, .footer-widget-area .widget ol > li, .footer-widget-area .widget_calendar table, .footer-widget-area .widget_calendar td', 'border-color', 'fg1' ),
	array( '.footer-widget-area .search-field', 'background-color', 'fg1' ),
) );

/**
 * Post Titles
 */
add_color_rule( 'txt', '#666', array(
	array( '.entry-title, .entry-title a', 'color', '#f9f9f9' ),
	array( '.entry-title a:hover', 'color', '#f9f9f9', 3 ),
) );

/**
 * Post Meta
 */
add_color_rule( 'fg2', '#aaa', array(
	array( '.entry-meta, .entry-meta a, .featured-post', 'color', '#f9f9f9' ),
	array( '.entry-meta a:hover', 'color', '#f9f9f9', 3 ),
) );

/**
 * Content Links
 */
add_color_rule( 'link', '#ea2e25', array(
 	array( 'button,html input[type="button"],input[type="reset"],input[type="submit"]', 'color' ),
 	array( 'button:hover,html input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover', 'background-color' ),
 	array( 'a', 'color', '#fff' ),
 	array( 'a:hover', 'color', '#fff', 3 ),
 	array( '.page-links a', 'color', '#f9f9f9' ),
 	array( '.page-links a:hover', 'background-color' ),
 	array( '.post-navigation a,.paging-navigation a', 'color', '#f9f9f9' ),
 	array( '.post-navigation a:hover,.paging-navigation a:hover', 'background-color', '#f9f9f9' ),
 	array( '.comment-navigation a', 'color' ),
 	array( '.comment-navigation a:hover', 'background-color' ),
) );

/* Adding extra CSS...

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

*/

/**
 * Additional color palettes
 */
add_color_palette( array(
	'#ffffff',
	'#cccccc',
	'#292c37',
	'#b11623',
	'#9f111b',
), 'Red & Grey' );

add_color_palette( array(
	'#fafafa',
	'#219bd8',
	'#757575',
	'#2d3642',
	'#000000',
), 'Grey & Navy' );

add_color_palette( array(
	'#fafafa',
	'#fa4b00',
	'#c63500',
	'#727272',
	'#0a0a0a',
), 'Grey & Orange' );

add_color_palette( array(
	'#ffffff',
	'#666666',
	'#1e8577',
	'#68c4b9',
	'#898989'
), 'Grey & Teal' );

add_color_palette( array(
	'#fafafa',
	'#80972f',
	'#333333',
	'#b5c675',
	'#666666'
), 'Grey & Green' );

add_color_palette( array(
	'#f7f7f7',
	'#8a3f8c',
	'#a773a9',
	'#474747',
	'#828282'
), 'Grey & Purple' );