Añadir colores globales de Oxygen al editor Gutenberg

Gutenberg es el editor nativo de WordPress y por defecto trae su paleta de colores predeterminada como se muestra en la primera imagen que se muestra abajo; pero si eres de los que, por una u otra razón, trabajas tanto con el editor de Oxygen como con el de Gutenberg quizás te interese tener la paleta de colores de Oxygen disponible también en Gutenberg con la ventaja que esto representa.
Para que tener esto disponible solamente es necesario añadir el código que mostramos por medio de un plugin de snippets como pueden ser WpCodebox, Woody Add Snippets, Advanced Scripts ....
Te mostramos los pasos.

Paleta de colores predeterminada de Gutenberg

Paleta de colores Oxygen (ejemplo)

Paleta de colores de Oxygen en Gutenberg

En nuestro plugin de snippets añadimos un nuevo snippet PHP con este código, en las condiciones, si tu plugin te le permite poner que se cargue solo en la zona Admin.


function pavenum_gutenberg_oxygen_palette() {

	$gutenberg_colors = [];
	
	$oxy_colors = oxy_get_global_colors();
	foreach( $oxy_colors['colors'] as $oxy_color) {
		$gutenberg_colors[] = [ 'name' => $oxy_color['name'], 'slug' => 'color-' . $oxy_color['id'], 'color' => $oxy_color['value'] ];
	}
	
	add_theme_support( 'editor-color-palette', $gutenberg_colors );
	/*  add_theme_support( 'disable-custom-colors' ); */

}
add_action( 'after_setup_theme', 'pavenum_gutenberg_oxygen_palette' );

/**
 * Add corresponding CSS to frontend Gutenberg blocks
 */
function pavenum_gutenberg_oxygen_palette_frontend_css() {
	
	$gutenberg_colors_frontend_css = "";
	
	$oxy_colors = oxy_get_global_colors();
	foreach( $oxy_colors['colors'] as $oxy_color) {
		$gutenberg_colors_frontend_css .= ".has-color-" . $oxy_color['id'] ."-color { color: " . $oxy_color['value'] . "} ";
		$gutenberg_colors_frontend_css .= ".has-color-" . $oxy_color['id'] ."-background-color { background-color: " . $oxy_color['value'] . "}";
	}
	
	wp_register_style( 'gutenberg-oxygen-colors', false );
	wp_enqueue_style( 'gutenberg-oxygen-colors' );
	wp_add_inline_style( 'gutenberg-oxygen-colors', $gutenberg_colors_frontend_css );

}
add_action( 'enqueue_block_assets', 'pavenum_gutenberg_oxygen_palette_frontend_css' );