<?php
/* Custom Colors: Independent Publisher */

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

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

  // Needs contrast against bg
  array( '#page .site-title', 'color', 'bg', 10 ),

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

  array( '.sticky-label', 'color', 'bg', '-1.0'),
  array( '.sticky-label', 'background-color', 'bg', 8 ),
  array( '.site-header .site-description', 'color', 'bg', 5 ),
  array( '.widget .widget-title, .widget .widgettitle', 'color', 'bg', 9 ),

  array( '#slide-menu', 'background-color', 'bg', 9 ),
  array( '#slide-menu .menu-title', 'color', 'bg', 2 ),
  array( '#slide-menu .social-navigation ul li a', 'color', 'bg', 2 ),
  array( '#slide-menu .social-navigation ul li a:hover', 'color', 'bg', 1 ),

  array( '.main-slide-navigation > ul li a', 'color', 'bg', 1 ),

  array( '.page-header:not(.page-header-light)', 'background-color', 'bg', 6 ),

  array( '.page-header:not(.page-header-light) h1', 'color', 'bg', 1 ),

) );

add_color_rule( 'txt', '#383838', array(

  // No contrast
  array( '.post-edit-link a', 'background-color', '+0.75' ),
  array( '.post-edit-link a:hover', 'background-color', '+0.5' ),

  array( '#main > article.hentry:nth-child(n+2),
          #page .infinite-wrap > article.hentry:nth-child(n+2),
          .infinite-wrap', 'border-color', '+0.25' ),

  array( '.posts-navigation,
          body:not(.single) .site-footer .widget-area', 'border-top-color', '+0.25' ),

  // Needs contrast against bg
  array( 'body,
          button,
          select,
          .widget_recent_comments a,
          .widget_recent_entries a', 'color', 'bg', 9 ),

  array( 'h1,
          h2,
          h3,
          h4,
          h5,
          h6,
          .site-title,
          .site-posted-on strong,
          .entry-title,
          .post-author-card .author.vcard', 'color', 'bg', 11 ),

  array( 'button:not(.menu-toggle):focus,
          input[type="button"]:focus,
          input[type="reset"]:focus,
          input[type="submit"]:focus,
          .posts-navigation .nav-links a:focus,
          #content #infinite-handle span button:focus,
          button:not(.menu-toggle):active,
          input[type="button"]:active,
          input[type="reset"]:active,
          input[type="submit"]:active,
          .posts-navigation .nav-links a:active,
          #content #infinite-handle span button:active,
          .rtl button:not(.menu-toggle):focus,
          .rtl input[type="button"]:focus,
          .rtl input[type="reset"]:focus,
          .rtl input[type="submit"]:focus,
          .rtl .posts-navigation .nav-links a:focus,
          .rtl #content #infinite-handle span button:focus,
          .rtl button:not(.menu-toggle):active,
          .rtl input[type="button"]:active,
          .rtl input[type="reset"]:active,
          .rtl input[type="submit"]:active,
          .rtl .posts-navigation .nav-links a:active,
          .rtl #content #infinite-handle span button:active,
          button:not(.menu-toggle):hover,
          input[type="button"]:hover,
          input[type="reset"]:hover,
          input[type="submit"]:hover,
          .posts-navigation .nav-links a:hover,
          #content #infinite-handle span button:hover', 'background-color', 'bg', 3 ),

  array( '.site-header .menu-toggle,
          .site-header .menu-toggle:hover,
          .site-header .menu-toggle:active', 'color', 'bg', 10 ),

  array( '.site-header .menu-toggle,
          .site-header .menu-toggle:hover,
          .site-header .menu-toggle:active', 'border-color', 'bg', 10 ),

  array( 'body:not(.tablet-desktop) #primary-menu > li a', 'border-top-color', 'bg', 2 ),
  array( 'body:not(.tablet-desktop) #site-navigation', 'border-bottom-color', 'bg', 2 ),
  array( 'body:not(.tablet-desktop) #primary-menu', 'border-color', 'bg', 2 ),

  array( 'body:not(.tablet-desktop) #primary-menu > li.current-menu-item a,
          body:not(.tablet-desktop) #primary-menu > li.current_page_item a', 'background-color', 'bg', 16 ),

  array( '.main-slide-navigation > ul li a:hover,
          .main-slide-navigation > ul li a:focus,
          .main-slide-navigation > ul li a:active,
          .main-slide-navigation > ul li.current-menu-item > a,
          .main-slide-navigation > ul li.current_page_item > a', 'color', '-1.5' ),

  array( '.entry-title', 'color', 'bg', 10 ),

  array( '.site-info', 'color', 'bg', 4 ),

  array( 'hr', 'background-color', 'bg', 2 ),

  array( 'pre', 'color', '#f5f5f5', 7 ),

  array( '.light-text', 'color', 'bg', 3 ),

  array( '#cancel-comment-reply-link', 'color', 'bg', 5 ),

  array( '#respond', 'border-color', 'bg', 2 ),

  array( '.comment', 'border-color', 'bg', 2 ),

  array( '.comment .comment-meta .comment-author .fn', 'color', 'bg', 10 ),

  array( '.comment .comment-meta', 'color', 'bg', 3 ),

  array( '.wp-caption-text, .wp-caption-dd', 'color', 'bg', 4 ),

  array( '.post-details, .post-details a', 'color', 'bg', 4 ),

  array( '.post-details span:not(:last-child):after,
          .post-details span.author.vcard + span.post-permalink:before', 'color', 'bg', 2 ),

  array( 'blockquote,
          .format-status .entry-content,
          .format-status .entry-summary', 'color', 'bg', 8 ),

  array( '.post-author-card', 'border-color', 'bg', 5 ),
  array( '.post-navigation', 'border-bottom-color', 'bg', 5 ),

  array( 'div#jp-relatedposts h3.jp-relatedposts-headline em:before', 'border-top-color', 'bg', 5 ),

  array( '.post-edit-link a, .post-edit-link a:visited, #page .post-edit-link a:hover', 'color', 'txt' ),

  array( '#primary-menu > li a', 'color', 'bg', 8 ),

  array( '.wp-caption-text strong,
          .wp-caption-dd strong', 'color', 'bg', 8 ),

  array( '.main-slide-navigation > ul li a:hover', 'background-color', 0.08 ),

  array( '.post-navigation .nav-links a', 'color', 'bg', 3 ),

  array( '.post-tags li:first-child', 'color', 'bg' ),

  array( '.widget_recent_entries', 'color', 'bg' ),

  array( '.post-author-card .author-description,
          .site-posted-on time', 'color', 'bg' ),

  array( 'input, textarea', 'color', '#ffffff' ),

), __( 'Text' ) );

add_color_rule( 'link', '#57ad68', array(

  // No contrast
  array( '#primary-menu > li.menu-item-has-children > a:after', 'color', 10 ),

  //Contrast against other background color
  array( '.post-edit-link a:focus,
          .post-edit-link a:active', 'color', 'txt' ),

  // Needs contrast against bg
  array( 'a,
          a:visited,
          a:hover,
          a:focus,
          a:active', 'color', 'bg' ),

  array( '#primary-menu > li.current-menu-item > a,
          #primary-menu > li a:hover,
          #primary-menu > li a:focus,
          #primary-menu > li a:active,
          .no-js .main-slide-navigation > ul li a:hover,
          .no-js .main-slide-navigation > ul li a:focus,
          .no-js .main-slide-navigation > ul li a:active,
          .no-js .main-slide-navigation > ul li.current-menu-item > a,
          .pingback:before,
          .trackback:before,
          .comment .comment-meta .comment-metadata a:hover,
          #commentform span.required,
          .entry-title a:hover,
          .site-footer a:hover,
          .post-details a:hover,
          #page .entry-meta.light-text a:hover,
          .post-navigation .nav-links a:hover,
          .post-navigation .nav-links a:focus,
          .post-navigation .nav-links a:active' , 'color', 'bg' ),

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

  array( 'button:not(.menu-toggle),
          input[type="button"],
          input[type="reset"],
          input[type="submit"],
          .posts-navigation .nav-links a,
          #content #infinite-handle span button', 'background-color', 'bg', 1 ),

  array( '.format-quote .entry-content blockquote,
          .format-quote .entry-summary blockquote', 'border-left-color', 'bg' ),

  array( '.comment .comment-reply-link:hover', 'color', 'bg', 9 ),

  array( '.bypostauthor', 'border-color', 'bg' ),

  array( '.post-edit-link a:hover', 'color', 'txt' ),

  array( '.tablet-desktop #primary-menu > li.menu-item-has-children > ul.sub-menu', 'border-left-color', 'bg' ),

  array( '.page-links a:hover', 'color', 'bg', 13 ),

  array( 'blockquote', 'border-left-color', 'bg', 6 ),

  array( '.light-text a:hover', 'color', 'bg', 6 ),

  array( '.page-header:not(.page-header-light)', 'border-left-color', 5 ),

  array( 'button:not(.menu-toggle),
          input[type="button"],
          input[type="reset"],
          input[type="submit"],
          .posts-navigation .nav-links a,
          #content #infinite-handle span button', 'color', 'link' ),

  // Needs contrast against #ffffff
  array( '.tablet-desktop #primary-menu > li ul.sub-menu li.current-menu-item > a,
          .tablet-desktop #primary-menu > li ul.sub-menu li.current_page_item > a', 'color', '#ffffff' ),

  array( '.tablet-desktop #primary-menu > li ul.sub-menu li a:hover,
          .tablet-desktop #primary-menu > li ul.sub-menu li a:focus,
          .tablet-desktop #primary-menu > li ul.sub-menu li a:active,
          .tablet-desktop #primary-menu > li ul.sub-menu li:hover > a,
          .tablet-desktop #primary-menu > li ul.sub-menu li.current-menu-item > a', 'color', '#ffffff' ),

  // Needs contrast against #fbfbfb
  array( 'body:not(.tablet-desktop) #primary-menu > li.current-menu-item > a,
          body:not(.tablet-desktop) #primary-menu > li.current_page_item > a,
          body:not(.tablet-desktop) #primary-menu > li a:hover,
          body:not(.tablet-desktop) #primary-menu > li a:focus,
          body:not(.tablet-desktop) #primary-menu > li a:active', 'color', '#fbfbfb', 4 ),

  // Needs contrast against #f7f7f7
  array( '.page-links > span', 'color', '#f7f7f7' ),

) );

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

) );

add_color_rule( 'fg1', '#bbc7d3', array(

  // needs contrast against bg
  array( '#page .site-title a,
          .site-header .social-navigation li a,
          .widget_wpcom_social_media_icons_widget li a', 'color', 'bg', 5 ),

  array( '.site-header .social-navigation li a:hover,
          .widget_wpcom_social_media_icons_widget li a:hover', 'color', 'bg' ),

), __( 'Social Icons Color' ) );

add_color_rule( 'fg2', '#ffffff', array(

) );

function independent_publisher_extra_css() { ?>
  .site-header .social-navigation li a,
  .widget_wpcom_social_media_icons_widget li a {
    opacity: 0.6;
  }
  .site-header .social-navigation li a:hover,
  .widget_wpcom_social_media_icons_widget li a:hover {
    opacity: 1;
  }
  .site-header .menu-toggle {
    opacity: 0.9;
  }
  .site-header .menu-toggle:hover,
  .site-header .menu-toggle:focus,
  .site-header .menu-toggle:active {
    opacity: 1;
  }
  .post-details time {
    color: inherit;
  }
  .bypostauthor {
    box-shadow: none;
  }
  .comment-reply-title,
  #cancel-comment-reply-link,
  #commentform label,
  #commentform .logged-in-as {
    text-shadow: none;
  }
  body:not(.highlander-enabled) #respond {
    background: rgba(255,255,255,0.03);
  }
  #page .entry-title a:not(:hover),
  .entry-meta.light-text span.cat-links a {
    color: inherit;
  }
  #slide-menu,
  #slide-menu .social-navigation ul li a {
    text-shadow: none;
  }
  #slide-menu .menu-title {
    opacity: 0.6;
  }
  .post-edit-link a {
    text-shadow: none;
  }
  button:not(.menu-toggle),
  input[type="button"],
  input[type="reset"],
  input[type="submit"],
  .posts-navigation .nav-links a,
  #content #infinite-handle span button {
    text-shadow: none;
  }
  #page #post-cover-image .cover-meta .entry-meta a:hover {
    color: rgba(255,255,255,0.88);
  }
  .post-details a:not(:hover) {
    color: inherit;
  }
  code, kbd, tt, var {
    background: rgba(0,0,0,0.15);
  }
  <?php }

add_theme_support( 'custom_colors_extra_css', 'independent_publisher_extra_css' );

add_color_palette( array(
  '#2d3238',
  '#383838',
  '#3eb9ee',
  '#eeeeee'
) );

add_color_palette( array(
  '#413e4a',
  '#73626e',
  '#b38184',
  '#ffffff',
) );

add_color_palette( array(
  '#435464',
  '#798585',
  '#bcde72',
  '#d5e3fa',
) );

add_color_palette( array(
  '#f9f9f9',
  '#306363',
  '#3ca2a2',
  '#a5d8d8',
) );

add_color_palette( array(
  '#f6f6f6',
  '#333333',
  '#7c7c7c',
  '#cc1919',
) );


add_color_palette( array(
  '#ebedef',
  '#525e6a',
  '#90a1b5',
  '#c86e64',
) );