<?php
/**
 * Twenty Thirteen Colors
 */

/**
 * Register two color palettes
 */
add_color_palette( array(
    '#eef8f6',
    '#418275',
    '#358744',
    '#94c367',
    '#083110'
), 'Twenty Thirteen Green' );

add_color_palette( array(
    '#f4f6f8',
    '#d0523e',
    '#407ca0',
    '#a6c7d8',
    '#021b2b'
), 'Twenty Thirteen Blue' );

/**
 * Menu, Links, Asides, Chat, Paging, Footer
 */
add_color_rule( 'bg', '#f7f5e7', array(

	// Asides and Link Posts
	array( '.format-link, .format-aside, .paging-navigation', 'background-color' ),

	// Links on Asides and Link post formats should be based on their background color
	array( '.format-link .entry-title, .format-link .entry-title a, .format-link .entry-content a, .format-link .entry-meta a', 'color', 'bg', 5 ),
	array( '.format-link .entry-title a:hover, .format-link .entry-content a:hover, .format-link .entry-meta a:hover', 'color', '-3' ),

	// Chat post format is a darker version of this color
	array( '.format-chat', 'background-color', '-1.5' ),
	array( '.format-chat .entry-meta a, .format-chat .entry-content a', 'color', 'bg', 3 ),
	// Hover links on chat
	array( '.format-chat .entry-content a:hover, .format-chat .entry-meta a:hover', 'color', 'bg', 2 ),

	// The site header, links and aside text
	// Includes site title
	// (Needs a strong contrast rule to make sure it blends well and remains readable
	array( '.site-header a', 'color', 'bg', 16 ),

	// Footer is a darker shade of this color
	// The text needs to be readable as well but different than links
	array( '.site-footer', 'background-color', '-1' ),
	// Footer credits and widgets
	array( '.site-footer', 'color', 'bg', 2 ),
	array( '.site-footer .widget, .site-footer .widget-title, .site-footer .widget-title a, .site-footer .wp-caption-text', 'color', 'bg', 2 ),
	array( '.site-footer a', 'color', 'bg', 6 ),

	// The Menu Bar
	array( '.navbar', 'background-color' ),
	// For hover color
	// Use darker shade of the menu background
	array( '.nav-menu li a:hover, ul.nav-menu ul a:hover, .nav-menu ul ul a:hover', 'background-color', '-5' ),

	// Headers
	array( '.archive-header, .page-header, .error404 .page-wrapper, .highlander-enabled #respond, .no-comments, .infinite-loader, #infinite-handle', 'background-color', '-1' ),
	array( '.archive-header, .page-header, .error404 .page-wrapper, .highlander-enabled #respond, .no-comments, .infinite-loader', 'color', 'bg', 6 ),

	// Blog navigation hover styles
	// Base color is in 'txt'
	array( '.navigation a:hover', 'color', 'bg' ),
	array( '.paging-navigation a:hover .meta-nav', 'background-color', 'bg' ),
	array( '.paging-navigation .meta-nav', 'color' ),

), __( 'Menu, Links, Asides' ) );

/**
 * Galleries
 */
add_color_rule( 'fg1', '#fbca3c', array(

	// Color used for the background of Gallery posts
	array( '.format-gallery', 'background-color' ),
	// Meta links are a variation on main color
	array( '.format-gallery .entry-meta a, .format-gallery .entry-content a, .format-gallery span.tags-links', 'color', 'fg1', 4 ),
	// Hover colors
	array( '.format-gallery .entry-content a:hover, .format-gallery .entry-meta a:hover', 'color', 'fg1', 3 ),

), __( 'Galleries' ) );

/**
 * Quotes
 */
add_color_rule( 'fg2', '#220e10', array(

	// Quote Format background color
	array( '.format-quote, .site-footer .sidebar-container', 'background-color' ),
	array( '.format-quote a, .format-quote .entry-meta a', 'color', 'fg2', 3 ),
	// Quote text
	array( '.format-quote .entry-content', 'color', 'fg2', 16 ),
	// Hover links
	array( '.format-quote .entry-content a:hover, .format-quote .entry-meta a:hover', 'color', 'fg2', 2 ),

	// Footer text and links
	array( '#secondary', 'color', 'fg2' ),

), __( 'Quotes' ) );

/**
 * Video, Audio, Text Links
 */
add_color_rule( 'link', '#db572f', array(

	// Background color for Video and Audio post formats
	array( '.format-video, .format-audio', 'background-color' ),
	// Links for these two formats
	array( '.format-video .entry-content a, .format-video .entry-meta a, .format-audio .entry-content a, .format-audio .entry-meta a', 'color', 'link', 6 ),
	array( '.format-video .entry-content a:hover, .format-video .entry-meta a:hover, .format-audio .entry-content a:hover, .format-audio .entry-meta a:hover', 'color', 'link', 16 ),

	// Seed all link colors from this background color
	// yes it prevents users from picking all neutral colors
	// but since audio and video are "exotic" post formats anyway, that's a tradeoff
	array( '.entry-content a, .comment-content a, #secondary a, .entry-meta a, .format-standard .entry-title a:hover, .format-image .entry-title a:hover, .attachment .entry-meta a, .attachment .entry-meta .edit-link:before, .attachment .full-size-link:before, .error404 .page-title:before, .archive-title a, .comment-author .fn, .comment-reply-link, comment-reply-login, .comment-author .url, .pingback .url, .trackback .url, .ping-meta a, .widget a', 'color', '#ffffff' ),

	// Page links
	array( '.entry-content .page-links a', 'background-color', '#ffffff' ),
	array( '.entry-content .page-links a', 'border-color' ),
	array( '.entry-content .page-links a', 'color', 'link', 12 ),
	array( '.entry-content .page-links a:hover', 'background-color', 'link' ),

	// General hover colors
	array( '.entry-content a:hover, .comment-content a:hover, .entry-meta a:hover, .archive-title a:hover, .comment-reply-link:hover, comment-reply-login:hover, .comment-author .url:hover, .comment-meta a:hover, .ping-meta a:hover, .pingback .url:hover, .trackback .url:hover,.widget a:hover', 'color', '-1' ),

), __( 'Content links, Video, Audio' ) );

/**
 * Status
 */
add_color_rule( 'txt', '#722d19', array(

	// Status format background color
	array( '.format-status', 'background-color' ),
	array( '.format-status .entry-content a', 'color', 'txt', 6 ),
	// Meta links
	array( '.format-status .entry-meta a', 'color', 'txt', 5 ),

	// Blog navigation
	array( '.navigation a', 'color', 'bg' ),
	array( '.paging-navigation .meta-nav', 'background-color', 'bg' ),

), __( 'Status' ) );

// The body color for 2013 is #141412
// We use it to ensure proper contrast when colors vary
// But need to make it monochrome to avoid color shifts in the middle range
add_color_rule( 'extra', '#141414', array(

	// Menu text colors and dropdowns
	array( '.nav-menu li a, .menu-toggle', 'color', 'bg', 7 ),
	array( '.navbar-fixed #masthead .site-title, .nav-menu li a, .menu-toggle, .site-header .searchform div:before', 'color', 'bg' ),
	array( '.nav-menu .current_page_item > a, .nav-menu .current_page_ancestor > a, .nav-menu .current-menu-item > a, .nav-menu .current-menu-ancestor > a', 'color', 'bg' ),
	array( '.menu-toggle:hover, .menu-toggle:focus', 'color', 'bg', 16 ),

	// Titles for various formats
	array( '.format-gallery .entry-title, .format-gallery .entry-title a, .format-gallery a', 'color', 'fg1', 16 ),
	array( '.format-chat .entry-title, .format-chat .entry-title a, .format-chat a', 'color', 'bg', 16 ),

	// Entry content on colored post formats
	// Make sure the text is not colorable but remains readable
	array( '.format-link .entry-content, .format-aside .entry-content', 'color', 'bg', 16 ),
	array( '.format-chat .entry-content', 'color', 'bg', 16 ),
	array( '.format-status .entry-content', 'color', 'txt', 16 ),

) );

// Plain white elements
add_color_rule( 'extra', '#fff', array(

	// Arrow on navigation circle
	array( '.paging-navigation .meta-nav', 'color', 'fg1' ),
	
	//Submenu navigation
	array( '.nav-menu .children .current_page_item > a, .nav-menu .sub-menu .current-menu-item > a,.nav-menu .sub-menu .current_page_item > a, .nav-menu .children .current-menu-item > a', 'color', '#220e10' ),

) );

/*
 * CSS specific to when color annotations are enabled
 */
add_theme_support( 'custom_colors_extra_css', 'twentythirteen_extra_css' );
function twentythirteen_extra_css() { ?>
	.navbar-fixed .navbar {
		box-shadow: 0 2px 2px rgba(0,0,0, 0.1);
	}
	.blog .format-link:first-of-type, .single .format-link:first-of-type {
		box-shadow: inset 0px 2px 2px rgba(0,0,0, 0.1);
	}
<?php
}