Support for block color and background parameters

[infobahn]

Currently there are no parameters to enable support for color or background color on blocks. Could these be added?

I wondered if I could enable this via a filter, but it doesn't seem to work the way I was trying to achieve it:

add_filter( 'timber/acf-gutenberg-blocks-default-data', function( $data ){
    $data['default'] = array(
        'supports'          => array(
            'color'             => array (
                'color'             => true,
                'background'        => true
            ),
        ),
    );
    return $data;
} );

[palmiak]

I will try to check this out next week.

Although not all parameters work with ACF. If they are compatible, I'll add them,

[infobahn]

Very much appreciated, thanks. The color and background parameters do work with the standard ACF method of registering blocks, so fingers crossed it should be possible.

[Mytraas]

Old here but if you need a fix, you can change the method timber_block_default_data.

Line 386, replace array_merge by array_merge_recursive.

Then in function.php ( or anywhere you want ), write this code:

add_filter( 'timber/acf-gutenberg-blocks-default-data', function( $data ){
    $data['default'] = array(
        'supports'          => array(
            'color'             => array (
                'text'             => true,
                'background'        => true
            ),
			"typography" => array(
				"fontSize" => true
			),
        ),
    );
    return $data;
} );

add_filter( 'timber/acf-gutenberg-blocks-data', function( $context ){

	$classes = array_merge(
		array( 'has-' . $context['block']['fontSize'] . '-font-size' ),
		array( 'has-text-color has-' . $context['block']['textColor'] . '-color' ),
		array( 'has-background has-' . $context['block']['backgroundColor'] . '-background-color' )
	);
	
	$context['block']['className'] = $context['block']['className'] . ' ' . implode( ' ', $classes );
    return $context;
} );