<?php

$colorscheme = get_theme_mod( 'writr_color_scheme' );

if ( $colorscheme == 'blue' ) :
	$color1 = '#3498db';
	$color2 = '#2980b9';
elseif ( $colorscheme == 'green' ) :
	$color1 = '#2ecc71';
	$color2 = '#27ae60';
elseif ( $colorscheme == 'grey' ) :
	$color1 = '#95a5a6';
	$color2 = '#7f8c8d';
elseif ( $colorscheme == 'purple' ) :
	$color1 = '#a162ba';
	$color2 = '#8e44ad';
elseif ( $colorscheme == 'red' ) :
	$color1 = '#e74c3c';
	$color2 = '#c0392b';
else :
	$color1 = '#1abc9c';
	$color2 = '#16a085';
endif;

add_color_rule( 'bg', '#303030', array(

	// Background
	array(
		'body', 'background-color',
	),

),
__( 'Background' ) );

add_color_rule( 'link', $color1, array(

	array( '.jetpack-recipe-title', 'border-color' ),
	array( '.jetpack-recipe', 'border-color', 0.15 ),

	// Color
	array(
		'cite,
	     .widget-area button,
	     .widget-area html input[type="button"],
	     .widget-area input[type="reset"],
	     .widget-area input[type="submit"],
	     a,
	     .social-links a,
	     .entry-title a:hover,
	     .entry-title a:focus,
	     .entry-title a:active,
	     .entry-meta a:hover,
	     .entry-meta a:focus,
	     .entry-meta a:active,
	     #content [class*="navigation"] a:hover,
	     #content [class*="navigation"] a:focus,
	     #content [class*="navigation"] a:active,
	     .comment-metadata a:hover,
	     .comment-metadata a:focus,
	     .comment-metadata a:active,
	     .widget_tag_cloud a:hover,
	     .widget_tag_cloud a:focus,
	     .widget_tag_cloud a:active,
	     .content-area .widget_categories ul a:hover,
	     .content-area .widget_recent_entries ul a:hover,
	     .widget-grofile .grofile-full-link,
	     .widget-grofile .grofile-full-link:hover,
	     .widget-grofile .grofile-full-link:focus,
	     .widget-grofile .grofile-full-link:active,
	     .custom-colors .wp_widget_tag_cloud a:hover,
	     .custom-colors .wp_widget_tag_cloud a:focus,
	     .custom-colors .wp_widget_tag_cloud a:active', 'color', '#fff', 1.5
	),

	// Background
	array(
		'mark,
	     ins,
	     button,
	     html input[type="button"],
	     input[type="reset"],
	     input[type="submit"],
	     body:after,
	     .site-header,
	     .main-navigation ul ul,
	     .more-link,
	     .wp-audio-shortcode .mejs-controls .mejs-time-rail .mejs-time-current,
	     .wp-audio-shortcode .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
	     .content-area .widget_tag_cloud a,
	     #infinite-handle span', 'background-color', '#fff', 1.5
	),

),
__( 'Color #1' ) );

add_color_rule( 'fg1', $color2, array(

	// Color
	array(
		'a:hover,
		 a:focus,
		 a:active,
		 .site-title a:hover,
		 .site-info a:hover,
		 .widget_archive ul a:hover,
		 .widget_categories ul a:hover,
		 .widget_links ul a:hover,
		 .widget_nav_menu ul a:hover,
		 .widget_meta ul a:hover,
		 .widget_pages ul a:hover,
		 .widget_recent_comments ul a:hover,
		 .widget_recent_entries ul a:hover,
		 .widget_rss ul a:hover,
		 .widget_rss_links ul a:hover,
		 .custom-colors .widget_top-posts ul a:hover', 'color', '#ffffff', 1.5
	),

	// Background
	array(
		'button:hover,
		 html input[type="button"]:hover,
		 input[type="reset"]:hover,
		 input[type="submit"]:hover,
		 button:focus,
	     html input[type="button"]:focus,
	     input[type="reset"]:focus,
	     input[type="submit"]:focus,
	     button:active,
	     html input[type="button"]:active,
	     input[type="reset"]:active,
	     input[type="submit"]:active,
	     #sidebar-toggle,
	     .main-navigation a:hover,
	     #site-navigation .menu-toggle,
	     .dropdown-icon,
	     .social-links a,
	     .more-link:hover,
	     .more-link:focus,
	     .more-link:active,
	     .widget th,
	     .widget tfoot tr,
	     .widget_tag_cloud a,
	     .content-area .widget_tag_cloud a:hover,
	     .content-area .widget_tag_cloud a:focus,
	     .content-area .widget_tag_cloud a:active,
	     #infinite-handle span:hover,
	     .custom-colors .wp_widget_tag_cloud a', 'background-color', '#ffffff', 1.5
	),

	// Border
	array(
		'.widget-area input[type="text"],
		 .widget-area input[type="url"],
		 .widget-area input[type="email"],
		 .widget-area input[type="password"],
		 .widget-area input[type="search"],
		 .widget-area textarea', 'border-color', '#ffffff', 1.5
	),

	// Border Top
	array(
		'#sidebar-toggle:before,
	     #sidebar-toggle:after', 'border-top-color', '#ffffff', 1.5
	),

	// Border Bottom
	array(
		'.site-branding,
		 .main-navigation:after,
		 #social-links,
		 .widget,
		 .widget th,
		 .widget td', 'border-bottom-color', '#ffffff', 1.5
	),

),
__( 'Color #2' ) );

/* Additional CSS */

add_theme_support( 'custom_colors_extra_css', 'writr_extra_css' );
function writr_extra_css() { ?>
	span.infinite-loader .spinner div div {
		background: #303030 !important;
	}
<?php
}

/* Additional color palettes */

add_color_palette( array(
    '#303030',
    '',
    '#1abc9c',
    '#16a085',
    '',
), 'Turquoise' );

add_color_palette( array(
    '#303030',
    '',
    '#3498db',
    '#2980b9',
    '',
), 'Blue' );

add_color_palette( array(
    '#303030',
    '',
    '#2ecc71',
    '#27ae60',
    '',
), 'Green' );

add_color_palette( array(
    '#303030',
    '',
    '#95a5a6',
    '#7f8c8d',
    '',
), 'Grey' );

add_color_palette( array(
    '#303030',
    '',
    '#a162ba',
    '#8e44ad',
    '',
), 'Purple' );

add_color_palette( array(
    '#303030',
    '',
    '#e74c3c',
    '#c0392b',
    '',
), 'Red' );