<?php

/**
 * Background
 */

add_color_rule( 'bg', '#443B31', array(
	array( '#header', 'background-color' ),
	array( '#description', 'color', 'bg', 2 ),
	array( '#follow', 'background-color', '-0.8' ),
	array( '#follow dt', 'color', 'bg', 5 ),
	array( '#follow dd a', 'color', 'bg', 7 )
), __( 'Header Background' ) );

/**
 * Foreground #1
 */

add_color_rule( 'fg1', '#fffefe', array(
	array( '#navigation', 'background-color' ),
), __( 'Menu' ) );

/**
 * Foreground #2
 */

add_color_rule( 'fg2', '#FFFFFF', array(
	array( '#nav li:hover,#nav li.sfhover', 'background-color' ),
	array( '#nav .current_page_parent,#nav .current_page_ancestor,#nav .current-cat-parent', 'background-color' ),
	array( '#nav .current-cat,#nav .current_page_item', 'background-color' )
), __( 'Menu Hover' ) );

/**
 * Links
 */

add_color_rule( 'link', '#4265A7', array(
	array( 'a:link,a:visited', 'color', '#F9F7F5' ),
	array( '.post-header h2 a', 'color', '#F9F7F5', 2 )
) );

/**
 * Text
 */

add_color_rule( 'txt', '#E9E5E0', array(
	array( '#title a:link, #title a:visited', 'color', 'bg', 3 )
), __( 'Header Title' ) );

/**
  * Text color rules are calculated for proper contrast ratios with the passed cat argument
 */

add_color_rule( 'extra', '#444444', array(
	array( '#nav a', 'color', 'fg1', 6 )
) );

add_color_rule( 'extra', '#000000', array(
	array( '#nav li:hover a, #nav li.sfhover a, #nav li ul li:hover a, #nav li ul li li:hover a, #nav li ul li li li:hover a, #nav li ul li li li:hover a', 'color', 'fg2', 6 ),
	array( '#nav li', 'border-color', .1 ),
) );

add_theme_support( 'custom_colors_extra_css', 'titan_extra_css' );
function titan_extra_css() { ?>
#navigation {
	background-image: none;
	background-image: -webkit-linear-gradient( top, rgba(0,0,0,.1), rgba(0,0,0,0) );
	background-image:    -moz-linear-gradient( top, rgba(0,0,0,.1), rgba(0,0,0,0) );
	background-image:     -ms-linear-gradient( top, rgba(0,0,0,.1), rgba(0,0,0,0) );
	background-image:   linear-gradient( to bottom, rgba(0,0,0,.1), rgba(0,0,0,0) );
	background-size: auto 40px;
}
<?php
}