This plugins provides custom admin bar colors to differentiate environments (staging, preprod, production). It’s really easy to use and developer-friendly.
The plugin provides a settings screen which several options:
- choose between several color predefined schemes.
- use a favicon to better differentiate your environments in your browser’s tabs.
- add a custom message in your admin bar, like “Production website”, “staging version” or whatever your want.
- choose the user roles that will see the color scheme (other roles will see the default admin bar).
It also offers few PHP constants you can use in your
wp-config.php file (see Frequently Asked Questions below).
Since WordPress Core will probably deprecate alternate admin color schemes in mid-term, this plugin is meant to be use by those who rely on colors to know is they are in staging, preproduction or production environment.
Last but not least, all provided color schemes are accessibility-ready!
- Activate the plugin.
- Good to Tools > Adminbar settings to configure the plugin.
- Save your changes and enjoy 🙂
How to use the PHP constant in wp-config.php?
CONTEXTUAL_ADMINBAR_COLORto force color scheme.
define( 'CONTEXTUAL_ADMINBAR_COLOR', 'purple' );
CONTEXTUAL_ADMINBAR_MESSAGEto force your custom admin bar message to display.
Accepted values: any valid string.
define( 'CONTEXTUAL_ADMINBAR_MESSAGE', 'This is the staging website' );
CONTEXTUAL_ADMINBAR_FAVICONto force a favicon.
0(don’t force a color based favicon) or
1(force WordPress Admin to use the favicon that is related to your selected color scheme).
define( 'CONTEXTUAL_ADMINBAR_FAVICON', 1 );
CONTEXTUAL_ADMINBAR_SETTINGSto remove the settings screen from WordPress Admin, and manage the plugin’s settings only within the
0(remove the settings screen) or
define( 'CONTEXTUAL_ADMINBAR_SETTINGS', 0 )
- Adds option to switch back to default color scheme.
- Fixes security issues, thanks to the WordPress Plugin/Security team.
- Plugin initial version, now on WordPress.org!
- Plugin initial version, only released on GitHub.