<?php
// Background
add_color_rule( 'bg', '#ffffff', array(
    array( 'body', 'background-color' ),
) );

// Yellow - main accent
add_color_rule( 'link', '#fbdb4a', array(

    // No contrast
    array( '#masthead', 'background-color' ),
    array( '.entry-format, .bypostauthor .comment-meta', 'background-color' ),

    // Needs contrast against #fff
    array( 'a:hover, a:focus, a:active', 'color', 'bg' ),
    array( 'button, input[type="button"], input[type="reset"], input[type="submit"], #infinite-handle span', 'background-color', 'bg' ),
    array( '.page-links a:hover, .tags-links a:hover', 'background-color', 'bg' ),
    array( '.entry-content a:hover, .entry-summary a:hover, .comment-content a:hover', 'color', 'bg' ),

    array( 'input[type="text"]:focus,
            input[type="email"]:focus,
            input[type="url"]:focus,
            input[type="password"]:focus,
            input[type="search"]:focus,
            textarea:focus', 'border-color', 'bg' ),

    // Needs contrast against #393939
    array( '.widget .milestone-header', 'background-color', 'fg1' ),
    array( '.social-links ul a:hover:before, .toggle-button.open:before, .toggle-button:hover:before, .main-navigation.toggled .toggle-button:before', 'color' ),
    array( '.widget a', 'color', 'fg1' ),
    array( ' a[class*="tag-link-"]:hover', 'background-color', 'fg1' ),
    array( '.entry-content a:hover, .entry-summary a:hover, .comment-content a:hover', 'border-bottom-color', 'bg' ),
),
__( 'Main Accent' ) );

add_color_rule( 'fg1', '#393939', array(
    // No contrast
    array( '#widgets-wrapper', 'background-color' ),

    // Needs contrast against #fff
    array( 'button:hover,
            input[type="button"]:hover,
            input[type="reset"]:hover,
            input[type="submit"]:hover,
            #infinite-handle span:hover', 'background-color', 'bg' ),

    array( '.entry-meta a:hover,
            .page-links a:hover,
            .site-info a:hover,
            .error-404 .widget-title', 'color', 'bg' ),

    // Needs contrast against #fbdb4a
    array( '.comment-meta a:hover', 'color', 'link' ),
    array( '.toggle-button.open,
            .toggle-button:hover,
            .toggled .menu-toggle,
            .social-links ul li a:hover', 'background-color', 'link' ),
    array( '.site-title a,
            .toggle-button:before,
            .toggled .menu-toggle:before,
            .social-links ul a:before,
            .entry-format:before,
            .tags-links a:hover,
            .error-404 .tagcloud a:hover', 'color', 'link' ),

    array( '.main-navigation a', 'color', 'link' ),
    array( '.main-navigation a:hover, .main-navigation ul :hover > a', 'color', 0.8, 'link' ),

    array( '.top-widget-area input[type="text"]:focus,
            .top-widget-area input[type="email"]:focus,
            .top-widget-area input[type="url"]:focus,
            .top-widget-area input[type="password"]:focus,
            .top-widget-area input[type="search"]:focus,
            .top-widget-area textarea:focus,', 'color', 'link' ),
    array( '.widget .milestone-header, a[class*="tag-link-"]:hover', 'color', 'link' ),
) );

add_color_rule( 'extra', '#393939', array(
    array( 'body, a', 'color', 'bg' ),
    array( '.main-navigation ul ul', 'background-color' ),
) );

add_color_rule( 'extra', '#aaaaaa', array(
    array( '.entry-meta, .entry-meta a, .site-info, .site-info a', 'color', 'bg' ),
    array( '.site-main .comment-navigation a, .site-main .posts-navigation a, .site-main .post-navigation a', 'color', 'bg' ),
) );

add_color_rule( 'extra', '#000000', array(
    // Needs contrast against bg
    array( '.tags-links a, .error-404 .tagcloud a', 'background-color', 0.1, 'bg' ),

    // Needs contrast against link
    // array( '.main-navigation a', 'color', 'link', 2.5 ),
    array( 'button, input[type="button"], input[type="reset"], input[type="submit"], #infinite-handle span', 'color', 'link' ),

    // Needs contrast against fg1
    array( '.widget ul > li, .widget ol > li', 'border-top-color', 0.15, 'fg1' ),
    array( '.widget table, .widget td', 'border-color', 0.15, 'fg1' ),
    array( '.top-widget-area .widget_search .search-field,
            .top-widget-area input[type="text"]:focus,
            .top-widget-area input[type="email"]:focus,
            .top-widget-area input[type="url"]:focus,
            .top-widget-area input[type="password"]:focus,
            .top-widget-area input[type="search"]:focus,
            .top-widget-area textarea:focus', 'border-color', 0.15, 'fg1' ),

) );

add_color_rule( 'extra', '#808080', array(
    // Needs contrast against #fff
    array( '.entry-title a:hover, .entry-title a:focus, .entry-footer .edit-link a:hover', 'color', 'bg' ),

    // Needs contrast against #fbdb4a
    array( '.tagcloud a:hover', 'color', 'link' ),

    // Needs contrast against #393939
    array( '.widget a:hover, .widget a:focus', 'color', 'fg1' ),
) );

add_color_rule( 'extra', '#f5f5f5', array(
    // Needs contrast against bg
    array( '.comment-meta', 'background-color', 'bg' ),
) );

add_color_rule( 'extra', '#ffffff', array(
    // Needs contrast against #393939
    array( '.widget-title', 'color', 'fg1' ),
    array( 'a[class*="tag-link-"] ', 'background-color', 0.25, 'fg1' ),
    array( '.widget', 'color', 'fg1', 8 ),
) );

add_color_rule( 'extra', '#999999', array(
    // Needs contrast against #f5f5f5
    array( '.tags-links a, .error-404 .tagcloud a', 'color', '#000000' ),
    array( '.comment-meta a', 'color', 'link' ),
) );

// Extra CSS
function hew_extra_css() { ?>
    .widget-title {
        text-shadow: none;
    }
    .top-widget-area .widget_search .search-field {
        background-color: #fff;
        color: #393939;
    }
    @media screen and (max-width: 768px) {
        .main-navigation a:hover, .main-navigation ul :hover > a {
            color: #fff !important;
        }
    }
<?php }
add_theme_support( 'custom_colors_extra_css', 'hew_extra_css' );

// Additional color palettes
add_color_palette( array(
    '#ffffff',
    '',
    '#45ada8',
    '#9de0ad',
    ''
), 'Emerald' );

add_color_palette( array(
    '#ffffff',
    '',
    '#CBE86B',
    '#393939',
    ''
), 'Lime' );

add_color_palette( array(
    '#ffffff',
    '',
    '#c4c4c4',
    '#525252',
    ''
), 'Charcoal' );

add_color_palette( array(
    '#efefef',
    '',
    '#cf0650',
    '#52001e',
    ''
), 'Berry' );

add_color_palette( array(
    '#ffffff',
    '',
    '#000000',
    '#4dbce9',
    ''
), 'Disco' );