<?php

/**
 * Background
 */

add_color_rule( 'bg', '#fff', array(
	array( 'body', 'background-color' ),
) );

/**
 * Foreground #1
 */

add_color_rule( 'fg1', '#eee', array(
) );

/**
 * Foreground #2
 */

add_color_rule( 'fg2', 'fff', array(
) );


/**
 * Links
 */

add_color_rule( 'link', '#36BCAB', array(
	array( 'a:hover', 'color' ),
	array( 'blockquote', 'border-color' ),
	array( '.hentry .entry-meta .cat-links a:hover', 'color' ),
	array( '#site-title a:hover', 'color' ),
	array( '.hentry .entry-meta .comments a', 'color' ),
	array( '.page-link a', 'background-color' ),
	array( '#menu a:hover', 'color' ),
	array( '.entry-title a:hover', 'color' ),
	array( '.hentry .entry-meta .edit-link a:hover', 'color' ),
	array( '#footer a', 'color', '#fff' ),
) );

/**
 * Text: Used for heading colors
 */

add_color_rule( 'txt', '#666', array(
	array( '.entry-title, .entry-title a', 'color' ),
) );

/**
 * Color rules with the 'extra' cat are used to set a permanent color.
 * Useful for transparency effects on elements that need to blend with user's colors
 */
add_color_rule( 'extra', '#fff', array(
	array( '.page-link a:hover', 'color' ),
) );

/**
 * If you need extra, non-color CSS when Custom Colors is active, supply a callback function with raw CSS
 * Straight echoing or using a return var is fine.
 */
add_theme_support( 'custom_colors_extra_css', 'chunk_extra_css' );
function chunk_extra_css() { ?>
#container {
	background-color: #fff;
	background-image: -moz-linear-gradient( rgba(0,0,0,0.22), rgba(255,255,255,0) 80px );
	background-image: -webkit-linear-gradient( rgba(0,0,0,0.22), rgba(255,255,255,0) 80px );
    padding: 0 100px 1px;
}
#wpstats {
	display: none;
}
<?php
}