<?php

add_color_rule( 'bg', '#F2F2F2', array(
// 	array( 'body', 'background-color' ),
// 	array( '.post img,.post a img', 'background-color' ),
) );

add_color_rule( 'fg1', '#75e730', array(
 	array( '.post_even .meta_comment a, .post_even .meta_comment a:visited, .post_even .post_date, .post_even .post_meta dt.meta_comment, .post_even .post_meta a:hover', 'color', '#282828' ),
),
__( 'Post Meta', 'monochrome' ) );

add_color_rule( 'fg2', '#f3193d', array(
 	array( '#menu a:hover', 'color', '#333333' ),
 	array( '#right_col a:hover', 'color', '#282828' ),
 	array( '#tag_list .wp-tag-cloud', 'border-color', '#282828' ),
 	array( '.post_content a:hover', 'color', '#ffffff' ),
 	array( '.commentlist a:hover, .trackbacklist a:hover', 'color', '#eeeeee' ),
),
__( 'Alternate Post Meta', 'monochrome' ) );

add_color_rule( 'link', '#7f8e91', array(
 	array( 'a,a:visited', 'color', '#ffffff' ),
 	array( '.archive_contents.post h2 a,.archive_contents.page h2 a,.archive_contents.post h2 a:visited,.archive_contents.page h2 a:visited', 'color', '#ffffff' ),
),
__( 'Links', 'monochrome' ) );

add_color_rule( 'txt', '#33a8e5', array(
 	array( 'a:hover', 'color', '#ffffff' ),
 	array( '#logo a:hover', 'color', '#ffffff' ),
 	array( '.post_meta a:hover', 'color', '#282828' ),
 	array( '.meta_comment a,.meta_comment a:visited,.post_date,.post_meta dt.meta_comment', 'color', '#282828' ),
 	array( '.archive_contents.post p a:hover', 'color', '#ffffff' ),
 	array( '.comment_switch_active a', 'color' ),
 	array( '.comment-note', 'color' ),
 	array( '#respond #submit:hover', 'color' ),
 	array( '.post h2 a:hover', 'color', '#ffffff' ),
 	array( '.post_content a, .post_content a:visited', 'color', '#ffffff' ),
 	array( '.commentlist a, .trackbacklist a, .commentlist a:visited, .trackbacklist a:visited, .comment-name', 'color', '#eeeeee' ),
 	array( 'blockquote:before, .quote_bottom:after', 'color', '#fafafa' ),
),
__( 'Headings & Link Hover', 'monochrome' ) );


/* Adding extra CSS to force the background color to stay put, also convert blockquote background image to CSS */

add_theme_support( 'custom_colors_extra_css', 'monochrome_extra_css' );
function monochrome_extra_css() { ?>
	body.custom-background.custom-colors {
		background-color: #f2f2f2;
	}
	blockquote {
		padding: 0 20px;
	}
	blockquote,
	.quote_bottom {
		background-image: none;
	}
	blockquote:before,
	.quote_bottom:after {
		font-size: 60px;
	}
	blockquote:before {
		content: " “ ";
		display: block;
		height: 30px;
		text-align: left;
		margin-left: -10px;
	}
	.quote_bottom:after {
		content: " ” ";
		display: block;
		margin-right: -10px;
		text-align: right;
		width: 100%;
	}
<?php
}