Block Editor Colors

Description

This plugin allows you to edit default Gutenberg block editor colors or the ones registered in a theme, as well as add your own colors! Since this is a global site configuration (applied sitewide), you can much easier go with your brand color scheme, without a need to manually change colors for each block each time.

Once the plugin is installed and activated, navigate to Settings > Editor Colors to customize colors.

There are two sections to customize colors globally for your website:

Custom Colors

Here you can create new colors for the block color palette. You will not lose these colors when you change a theme. These colors can be deactivated or transferred via XML.

Default Colors

Here you can edit colors that are registered by your active WordPress theme or default Gutenberg block colors.

Need more blocks?

If you feel short of blocks, don’t lose the opportunity to install 40+ more free blocks and pre-made design patterns by Getwid WordPress blocks. This is a fantastic customization booster and design toolkit for the Gutenberg era in WordPress.

Copyright

Block Editor Colors, Copyright (C) 2020, MotoPress https://motopress.com/
Block Editor Colors plugin is distributed under the terms of the GNU GPL.

Screenshots

Installation

  1. Upload the plugin to the /wp-content/plugins/ directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. Navigate to Settings > Editor Colors.

Reviews

Marso 14, 2023
Using this with Getwid, it works out of the box. Needs more customizations.
Hunyo 29, 2022
This plugin has helped change a default colour in Gutenberg, but I am having to go into every page and select the text colour manually as it hasn't happened automatically. I didn't need this Plugin until Wordpress 6.0. But thanks to MotoPress
Mayo 20, 2022
Makes adding custom editor colors a much faster process than editing functions and checking/ adding custom CSS classes per color. Thanks for making it! My only request to the devs- if you can, please add support for gradients! I know how to do it via functions/ css, but it would be great it if were in this plugin as well.
Disyembre 1, 2021
Met my need for additional colors. Thank you for the development of this plugin.
Mayo 29, 2021 1 reply
I was stuck with the colours my theme provide, I was gonna look for a way to add a custom colour button, not the editor but this plugin saved me all the stress by giving me a panel to add more default colours than I could think of Totally love it!
Read all 11 reviews

Contributors & Developers

“Block Editor Colors” is open source software. The following people have contributed to this plugin.

Contributors

“Block Editor Colors” has been translated into 2 locales. Thank you to the translators for their contributions.

Translate “Block Editor Colors” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.2.4, May 19 2022

  • Improved compatibility with Gutenberg plugin.

1.2.3, Mar 23 2022

  • Added CSS variables for colors set or edited via the plugin.
  • Fixed an issue when custom colors may not have been applied in the block editor.

1.2.2, Mar 18 2022

  • Improved compatibility with WordPress 5.9.

1.2.1, Nov 22 2021

  • Security – sanitization and escaping.

1.2.0, Jul 26 2021

  • Improved compatibility with WordPress 5.8.

1.1.0, Aug 13 2020

  • Added the ability to change the order of colors.
  • Minor bugfixes and improvements.

1.0.0, Mar 13 2020

  • Minor bugfixes and improvements.

0.0.1, Mar 9 2020

  • Initial release.