Custom Color Palettes

Custom Color Palettes

/* Custom Color Palette Changes Colors in Customizer */

add_filter( 'generate_default_color_palettes', 'mj_custom_color_palettes' );
function mj_custom_color_palettes( $palettes ) {
	$palettes = array(
		'#ffffff',
		'#fafafa',
		'#e1e1e1',
		'#191919',
		'#000000',
		'#c30dbd',
	);
	
	return $palettes;
}

/* Custom Color Palette Changes Colors in Block Editor */
add_action( 'after_setup_theme', function() {
    add_theme_support( 'editor-color-palette', array(
        array(
            'name'  => __( 'White' ),
            'slug'  => 'white',
            'color' => '#ffffff',
        ),
        array(
            'name'  => __( 'Off White' ),
            'slug'  => 'off-white',
            'color' => '#fafafa',
        ),
        array(
            'name'  => __( 'Grey' ),
            'slug'  => 'grey',
            'color' => '#e1e1e1',
        ),
        array(
            'name'  => __( 'Dark Grey' ),
            'slug'  => 'dark-grey',
            'color' => '#191919',
        ),
	  array(
            'name'  => __( 'Black' ),
            'slug'  => 'black',
            'color' => '#000000',
        ),
        array(
            'name'  => __( 'Brand Color' ),
            'slug'  => 'brand-color',
            'color' => '#c30dbd',
        ),
    ) );
} );