<?php
/* Custom Colors: Argent */

// Background
add_color_rule( 'bg', '#ffffff', array(

    // No contrast
    array( 'body', 'background-color' ),

    // Needs contrast against fg1
    array( '.main-navigation a,
            .main-navigation ul ul li,
            .main-navigation ul ul a,
            .menu-toggle', 'color', 'fg1' ),

    array( '.main-navigation a:hover,
            .main-navigation ul ul :hover > a,
            .main-navigation ul > .focus > a', 'color', 'fg1', 16 ),

    array( '.menu-toggle', 'border-color', 'fg1' ),
    array( '.menu-toggle:hover, .menu-toggle:active, .menu-toggle:focus', 'border-color', 'fg1' ),
    array( '.menu-toggle:hover, .menu-toggle:active, .menu-toggle:focus', 'color', 'fg1' ),

    //array( '.project-title', 'color', 'fg1', 16 ),

    array( '.site-footer a:hover', 'color', 'fg1', '-0.5' ),

    // Needs contrast against fg1
    array( '.widget-area,
            .widget-title,
            .widget-area a,
            .site-footer', 'color', 'fg2', 8 ),

    array( '.widget button:hover,
            .widget input[type="button"]:hover,
            .widget input[type="submit"]:hover', 'color', 'fg2' ),

    array( '.widget button:hover,
            .widget input[type="button"]:hover,
            .widget input[type="submit"]:hover', 'border-color', 'fg2' ),

    array( '.widget .milestone-countdown', 'color', 'fg2', 16 ),

    // Needs contrast against link
    array( '.widget .milestone-header', 'color', 'link', 16 ),
) );

// Text
add_color_rule( 'txt', '#404040', array(
    array( 'body', 'color', 'bg' ),
    array( '.site-info, .site-info a', 'color', 'fg1' ),
),
__( 'Text' ) );

// Links
add_color_rule( 'link', '#cccccc', array(

    // Needs contrast against bg
    array( 'a', 'color', 'bg' ),
    array( '.home .page-content:after', 'color', 'bg' ),
    array( '.entry-meta, .entry-meta a, .comment-metadata, .comment-edit-link, .wp-caption-text', 'color', 'bg' ),
    array( '.site-main .comment-navigation,
            .site-main .posts-navigation,
            .site-main .post-navigation', '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( 'input[type="text"],
            input[type="email"],
            input[type="url"],
            input[type="password"],
            input[type="search"],
            textarea', 'border-color', 'bg' ),

    //Needs contrast against fg2
    array( '.widget .milestone-header', 'background-color', 'fg2' ),
    array( '.widget .milestone-countdown', 'border-color', 'fg2' ),

    array( '.widget button,
            .widget input[type="button"],
            .widget input[type="submit"]', 'color', 'fg2' ),

    array( '.widget button,
            .widget input[type="button"],
            .widget input[type="submit"]', 'border-color', 'fg2' ),
),
__( 'Links' ) );


add_color_rule( 'fg1', '#000000', array(

    // No contrast
    array( 'a:hover,
            a:focus,
            a:active', 'color', 'bg' ),

    array( '.site-branding', 'background-color', 0.15 ),
    array( '.site-footer, .main-navigation', 'background-color' ),
    array( '.main-navigation ul ul', 'background-color', '+0.25' ),
    array( '.main-navigation div>ul>li>ul::before', 'border-bottom-color', '+0.25' ),

    // Contrast against bg
    array( 'td, th,
            .entry-content a:hover,
            .page-content a:hover', 'border-bottom-color', 'bg' ),

    array( '.project-image', 'background-color', 'bg' ),

    array( '.site-title a', 'color', 'bg' ),

    array( '.entry-title a, .read-more', 'color', 'bg' ),

    array( 'button:hover,
            input[type="button"]:hover,
            input[type="reset"]:hover,
            input[type="submit"]:hover,
            #infinite-handle span:hover', 'border-color', 'bg' ),
    array( 'button:hover,
            input[type="button"]:hover,
            input[type="reset"]:hover,
            input[type="submit"]:hover,
            #infinite-handle span: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' ),
),
__( 'Main Accent' ) );

add_color_rule( 'fg2', '#222222', array(
    array( '.footer-widget-area', 'background-color' ),
),
__( 'Widget Area Background' ) );

add_color_rule( 'extra', '#444444', array(
    // Needs contrast against bg
    array( '.entry-meta a:hover', 'color', 'bg' ),
) );

// The blockquote is actually f7f7f7, but making it a darker colour makes
// the contrast work better against different backgrounds.
add_color_rule( 'extra', '#d8d8d8', array(
  // Give the blockquote some opacity, so the background shines through
  array( 'blockquote:before', 'color', 0.35 ),
) );

// Extra CSS
function argent_extra_css() { ?>
    .main-navigation ul ul {
        background: #222;
    }
    .main-navigation div>ul>li>ul::before {
        border-color: transparent transparent #222;
    }
    @media screen and (max-width: 768px) {
        .main-navigation ul ul {
            background: transparent;
        }
    }
<?php }
add_theme_support( 'custom_colors_extra_css', 'argent_extra_css' );

// Additional color palettes
add_color_palette( array(
    '#ffffff',
    '#0e2430',
    '#97dcec',
    '#298288',
    '#190d2f'
), 'Deep sea' );

add_color_palette( array(
    '#ffffff',
    '#9cc4e4',
    '#f26c4f',
    '#3a89c9',
    '#e9f2f9'
), 'Navy' );

add_color_palette( array(
    '#f6f6f6',
    '#3a3a3a',
    '#d0162e',
    '#9da4a8',
    '#cccccc'
), 'Gray' );

add_color_palette( array(
    '#ffffff',
    '#222222',
    '#f098d1',
    '#c09ab6',
    '#9b6982'
), 'Lilac' );

add_color_palette( array(
    '#f7f7f7',
    '#333333',
    '#c8d986',
    '#86981f',
    '#666666'
), 'Leaf' );

add_color_palette( array(
    '#383838',
    '#eeeeee',
    '#919191',
    '#3abbf2',
    '#ffffff'
), 'Sky' );