<?php
/* Custom Colors: Sobe */

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

add_color_rule( 'txt', '#e57667', array(

	//No contrast
	array( '.main-navigation ul ul:before', 'border-bottom-color' ),
	array( '.main-navigation ul ul, .mobile-menu .main-navigation ul.menu, .comments-link, .comment-reply-link:hover, .comment-reply-link:active, .comment-reply-link:focus, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active, .tags-links a:hover, .tags-links a:focus, .tags-links a:active, .widget-area .social-links ul a:before, .more-link:hover, button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, #infinite-handle span:hover', 'background-color' ),
	array( 'input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus, .comment-reply-link:hover, .comment-reply-link:active, .comment-reply-link:focus, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active, .more-link:hover, button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, #infinite-handle span:hover, .jetpack-recipe-title', 'border-color' ),

	//Contrast with white content background
	array( '.page-links a span, a, a:visited, .entry-header .entry-meta .comments-link a', 'color', '#fff' ),
	array( '.page-links a span', 'border-color', '#fff' ),

	//Contrast with background
	array( '.site-main .comment-navigation .nav-next a, .site-main .paging-navigation .nav-next a, .site-main .post-navigation .nav-next a, .site-main .comment-navigation .nav-previous a, .site-main .paging-navigation .nav-previous a, .site-main .post-navigation .nav-previous a', 'color', 'bg' ),
	array( '.site-footer .social-links ul a:hover, .site-footer .social-links ul a:focus, .site-footer .social-links ul a:active, .widget a, .widget a:visited', 'color', 'bg', 3 ),
	array( '.site-title a, .site-title a:visited', 'color', 'bg', 2 ),
),
__( 'Links' ) );

add_color_rule( 'link', '#a4aeb3', array(
	//No contrast
	array( '.hentry .post-format-indicator', 'background-color' ),

	//Contrast with white content background
	array( 'blockquote, blockquote.aligncenter, h1, h2, h3, h4, h5, h6', 'color', '#fff', 2 ),
	array( '.entry-title, .entry-title a, .entry-title a:visited', 'color', '#fff', 2 ),

	//Contrast with bg
	array( '.has-active-sidebar .page-title, .search-no-results .page-title, .error404 .page-title', 'color', 'bg', 2 ),
	array( '.widget-title, .site-description, h3#reply-title, .comments-title', 'color', 'bg', 2 ),
),
__( 'Headings' ) );

add_color_rule( 'fg1', '#5e6466', array(

	array( '.hentry.format-audio .post-format-indicator, .hentry.format-video .post-format-indicator, .hentry.format-status .post-format-indicator, .hentry.format-aside .post-format-indicator, .hentry.format-link .post-format-indicator', 'background-color' ),

),
__( 'Audios, Videos, Statuses, Asides, Links' ) );

add_color_rule( 'fg2', '#eeaca3', array(

	array( '.hentry.sticky .post-format-indicator, .hentry.format-chat .post-format-indicator, .hentry.format-image .post-format-indicator, .hentry.format-gallery .post-format-indicator, .hentry.format-quote .post-format-indicator', 'background-color' ),

),
__( 'Sticky Posts, Chats, Images, Galleries, Quotes' ) );


/* Extras */

add_color_rule( 'extra', '#ffffff', array(

	array( '.main-navigation a, .main-navigation a:visited', 'color', 'bg' ),

	array( '.home .main-navigation ul ul a, .home .main-navigation ul ul a:visited, .mobile-menu .main-navigation a, .mobile-menu .main-navigation a:visited, .mobile-menu .toggled .menu-toggle', 'color', 'txt' ),
	array( '.main-navigation ul ul a, .main-navigation ul ul a:visited', 'color', 'txt' ),
	array( '.toggled .menu-toggle', 'border-color', 'txt' ),

	array( '.hentry .post-format-indicator, .hentry .post-format-indicator a:before', 'color', 'link' ),

	array( '.hentry.format-audio .post-format-indicator a:before, .hentry.format-video .post-format-indicator a:before, .hentry.format-status .post-format-indicator a:before, .hentry.format-aside .post-format-indicator a:before, .hentry.format-link .post-format-indicator a:before', 'color', 'fg1' ),

	array( '.hentry.sticky .post-format-indicator a:before, .hentry.format-chat .post-format-indicator a:before, .hentry.format-image .post-format-indicator a:before, .hentry.format-gallery .post-format-indicator a:before, .hentry.format-quote .post-format-indicator a:before', 'color', 'fg2' ),

	array( '.comment-reply-link:hover, .comment-reply-link:active, .comment-reply-link:focus, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active, .tags-links a:hover, .tags-links a:focus, .tags-links a:active, .widget-area .social-links ul a:before, .more-link:hover, button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, #infinite-handle span:hover', 'color', 'txt', 2 ),

	array( '.comments-link:before', 'color', 'txt', 1 ),
) );

add_color_rule( 'extra', '#666666', array(
	array( '.widget, .site-footer, #respond p.comment-subscription-form label, #respond label, #respond form label', 'color', 'bg' ),
	array( '.social-links ul a', 'color', 'bg' ),
) );

add_color_rule( 'extra', '#999594', array(
	array( '.widget input[type="text"], .widget input[type="email"], .widget input[type="url"], .widget input[type="password"], .widget input[type="search"], .widget textarea', 'border-color', 0.2 ),
	array( '.widget input[type="text"], .widget input[type="email"], .widget input[type="url"], .widget input[type="password"], .widget input[type="search"], .widget textarea', 'color', 'bg' ),
	array( 'button, input[type="button"], input[type="reset"], input[type="submit"], #infinite-handle span', 'border-color', 'bg' ),
	array( 'button, input[type="button"], input[type="reset"], input[type="submit"], #infinite-handle span', 'color', 'bg' ),
	array( '.site-main .paging-navigation .nav-previous:before, .site-main .post-navigation .nav-previous:before, .site-main .paging-navigation .nav-next:before, .site-main .post-navigation .nav-next:before, .site-info, .site-info a, .site-info a:visited', 'color', 'bg' ),
	array( '.no-comments, .site-main .paging-navigation .meta-nav, .site-main .post-navigation .meta-nav', 'color', 'bg' ),
) );

// Borders
add_color_rule( 'extra', '#eeeeee', array(
	array( '.home .main-navigation:after, #wp-calendar td, #wp-calendar th, .widget-area ul li, .site-main .comment-navigation, .site-main .paging-navigation, .site-main .post-navigation', 'border-color', 0.2 ),
) );


//Extra CSS
function sobe_extra_css() { ?>
	@media screen and ( max-width: 850px ) {
		.comments-link,
		.comments-link:visited {
			background: transparent !important;
			color: #999594 !important;
		}
		.entry-header .entry-meta .comments-link a {
			color: #999594 !important;
		}
	}
<?php }
add_theme_support( 'custom_colors_extra_css', 'sobe_extra_css' );


//Additional palettes

add_color_palette( array(
    '#f4f1f0',
    '#efa694',
    '#f1947d',
    '#7dcfb6',
    '#75acaa',
), 'Orange' );

add_color_palette( array(
    '#f8f4e4',
    '#4e3f30',
    '#a5b3aa',
    '#75acaa',
    '#595959',
), 'Blue & Brown' );

add_color_palette( array(
    '#e0eff1',
    '#77b1a9',
    '#3d7b80',
    '#270a33',
    '#680148',
), 'Green & Purple' );

add_color_palette( array(
    '#cceaee',
    '#98d4dc',
    '#733e4e',
    '#f5859d',
    '#fac2ce',
), 'Blue & Pink' );

add_color_palette( array(
    '#fdf8e7',
    '#fb5e1b',
    '#f61235',
    '#ac364d',
    '#615965',
), 'Orange & Red' );

add_color_palette( array(
    '#e7edea',
    '#ffc52c',
    '#680148',
    '#030d4f',
    '#ceecef',
), 'Light Teal & Yellow' );