Since1979
11/28/2019 - 10:12 AM

Change WordPress Gutenberg colour pallete

Add WordPress theme support for editor-color-palette, and set colours for the gutenberg colour pallete.

<?php
/**
 * change_gutenberg_colour_pallete.
 *
 * Add theme support for editor-color-palette,
 * and set colours for the gutenberg colour pallete.
 * 
 * @see insert link to snippets post
 * 
 * @uses add_theme_support() https://developer.wordpress.org/reference/functions/add_theme_support/
 * @uses __() https://developer.wordpress.org/reference/functions/__/
 * @uses array() https://www.php.net/manual/en/function.array.php
 * 
 * @return void
 */
function change_gutenberg_colour_pallete() {

    add_theme_support( 'editor-color-palette', array(
        array(
            'name' => __( 'Dark green', 'your-text-domain' ),
            'slug' => 'dark-green',
            'color' => '#646567',
        ),
        array(
            'name' => __( 'Light green', 'your-text-domain' ),
            'slug' => 'light-green',
            'color' => '#399d8f',
        ),
        array(
            'name' => __( 'White', 'your-text-domain' ),
            'slug' => 'white',
            'color' => '#ffffff',
        ),
        array(
            'name' => __( 'Black', 'your-text-domain' ),
            'slug' => 'black',
            'color' => '#000000',
        ),
    ));

}

/**
 * Hook: after_setup_theme.
 * @see https://developer.wordpress.org/reference/hooks/after_setup_theme/
 * @uses add_action() https://developer.wordpress.org/reference/functions/add_action/
 */
add_action( 'after_setup_theme' , 'change_gutenberg_colour_pallete' );