/** * Enqueues front-end CSS for color scheme. * * @since Custom Theme 2.0 * * @see wp_add_inline_style() */ function customTheme_color_scheme_css() { $color_scheme_option = get_theme_mod('color_scheme', 'default'); // Don't do anything if the default color scheme is selected. if ('default' === $color_scheme_option) { return; } $color_scheme = customTheme_get_color_scheme(); // Convert main and sidebar text hex color to rgba. $color_textcolor_rgb = customTheme_hex2rgb($color_scheme[3]); $color_sidebar_textcolor_rgb = customTheme_hex2rgb($color_scheme[4]); $colors = array('background_color' => $color_scheme[0], 'header_background_color' => $color_scheme[1], 'box_background_color' => $color_scheme[2], 'textcolor' => $color_scheme[3], 'secondary_textcolor' => vsprintf('rgba( %1$s, %2$s, %3$s, 0.7)', $color_textcolor_rgb), 'border_color' => vsprintf('rgba( %1$s, %2$s, %3$s, 0.1)', $color_textcolor_rgb), 'border_focus_color' => vsprintf('rgba( %1$s, %2$s, %3$s, 0.3)', $color_textcolor_rgb), 'sidebar_textcolor' => $color_scheme[4], 'sidebar_border_color' => vsprintf('rgba( %1$s, %2$s, %3$s, 0.1)', $color_sidebar_textcolor_rgb), 'sidebar_border_focus_color' => vsprintf('rgba( %1$s, %2$s, %3$s, 0.3)', $color_sidebar_textcolor_rgb), 'secondary_sidebar_textcolor' => vsprintf('rgba( %1$s, %2$s, %3$s, 0.7)', $color_sidebar_textcolor_rgb), 'meta_box_background_color' => $color_scheme[5]); $color_scheme_css = customTheme_get_color_scheme_css($colors); wp_add_inline_style('customTheme-style', $color_scheme_css); }
/** * Enqueues front-end CSS for the sidebar text color. * * @since Custom Theme 2.0 */ function customTheme_sidebar_text_color_css() { $color_scheme = customTheme_get_color_scheme(); $default_color = $color_scheme[4]; $sidebar_link_color = get_theme_mod('sidebar_textcolor', $default_color); // Don't do anything if the current color is the default. if ($sidebar_link_color === $default_color) { return; } // If we get this far, we have custom styles. Let's do this. $sidebar_link_color_rgb = customTheme_hex2rgb($sidebar_link_color); $sidebar_text_color = vsprintf('rgba( %1$s, %2$s, %3$s, 0.7)', $sidebar_link_color_rgb); $sidebar_border_color = vsprintf('rgba( %1$s, %2$s, %3$s, 0.1)', $sidebar_link_color_rgb); $sidebar_border_focus_color = vsprintf('rgba( %1$s, %2$s, %3$s, 0.3)', $sidebar_link_color_rgb); $css = ' /* Custom Sidebar Text Color */ .site-title a, .site-description, .secondary-toggle:before { color: %1$s; } .site-title a:hover, .site-title a:focus { color: %1$s; /* Fallback for IE7 and IE8 */ color: %2$s; } .secondary-toggle { border-color: %1$s; /* Fallback for IE7 and IE8 */ border-color: %3$s; } .secondary-toggle:hover, .secondary-toggle:focus { border-color: %1$s; /* Fallback for IE7 and IE8 */ border-color: %4$s; } .site-title a { outline-color: %1$s; /* Fallback for IE7 and IE8 */ outline-color: %4$s; } @media screen and (min-width: 59.6875em) { .secondary a, .dropdown-toggle:after, .widget-title, .widget blockquote cite, .widget blockquote small { color: %1$s; } .widget button, .widget input[type="button"], .widget input[type="reset"], .widget input[type="submit"], .widget_calendar tbody a { background-color: %1$s; } .textwidget a { border-color: %1$s; } .secondary a:hover, .secondary a:focus, .main-navigation .menu-item-description, .widget, .widget blockquote, .widget .wp-caption-text, .widget .gallery-caption { color: %2$s; } .widget button:hover, .widget button:focus, .widget input[type="button"]:hover, .widget input[type="button"]:focus, .widget input[type="reset"]:hover, .widget input[type="reset"]:focus, .widget input[type="submit"]:hover, .widget input[type="submit"]:focus, .widget_calendar tbody a:hover, .widget_calendar tbody a:focus { background-color: %2$s; } .widget blockquote { border-color: %2$s; } .main-navigation ul, .main-navigation li, .secondary-toggle, .widget input, .widget textarea, .widget table, .widget th, .widget td, .widget pre, .widget li, .widget_categories .children, .widget_nav_menu .sub-menu, .widget_pages .children, .widget abbr[title] { border-color: %3$s; } .dropdown-toggle:hover, .dropdown-toggle:focus, .widget hr { background-color: %3$s; } .widget input:focus, .widget textarea:focus { border-color: %4$s; } .sidebar a:focus, .dropdown-toggle:focus { outline-color: %4$s; } } '; wp_add_inline_style('customTheme-style', sprintf($css, $sidebar_link_color, $sidebar_text_color, $sidebar_border_color, $sidebar_border_focus_color)); }