Changeset 39386

Timestamp:

11/30/2016 10:50:40 PM (8 years ago)

Author:

davidakennedy

Message:

Twenty Seventeen: Allow child themes to easily extend custom color patterns

By adding a filter, child themes can add additional selectors onto the custom color scheme CSS. Like so:

// Add child theme selectors for color schemes.
function dynamic_seventeen_custom_colors_css( $css, $hue, $saturation ) {
	$css .= '
	.colors-custom .content-menu > article:not(.has-post-thumbnail),
	.colors-custom .content-menu > section:not(.has-post-thumbnail) {
		border-top-color: hsl( ' . $hue . ', ' . $saturation . ', 87% ); /* base: #ddd; */
	}';
	return $css;
}
add_filter( 'twentyseventeen_custom_colors_css', 'dynamic_seventeen_custom_colors_css', 10, 3 );

Props celloexpressions.

Fixes #38949.

File:

• trunk/src/wp-content/themes/twentyseventeen/inc/color-patterns.php (modified) (1 diff)

trunk/src/wp-content/themes/twentyseventeen/inc/color-patterns.php

@@ -558 +558 @@
 }';
 
-    return $css;
-}
+
+    /**
+     * Filters Twenty Seventeen custom colors CSS.
+     *
+     * @since Twenty Seventeen 1.0
+     *
+     * @param $css        string Base theme colors CSS.
+     * @param $hue        int    The user's selected color hue.
+     * @param $saturation string Filtered theme color saturation level.
+     */
+    return apply_filters( 'twentyseventeen_custom_colors_css', $css, $hue, $saturation );
+}