SpectrOMTech

Dave Jesch

ServerPress

Steveorevo

Gregg Franklin

This utility plugin provides the ability to configure the color of the Admin Bar seen in the WordPress Dashboard and allows setting a message that will appear within the Admin Bar. This allows you to more easily identify when you’re working on Local, Staging and Live WordPress installations.
Usage Scenarios:
The Admin Color Bar plugin is useful when working with multiple installs of WordPress, such as when you have a local development environment, a staging site as well as a live site.
By setting the Admin Bar’s background color to Orange on a staging site, and Red for a local site, you can more easily identify which site you’re working on. This reduces the possibility that you’ll make errors by performing actions on the wrong site.
If you are using DesktopServer for your local development and would like to use the Admin Color Bar plugin as a Design Time plugin, you can install this in your /Applications/XAMPP/ds-plugins/ directory on Macintosh or the C:\xampplite\ds-plugins\ directory on Windows and it can then be configured to automatically start for all of your local development web sites. This allows you to use the plugin in your Local environment, where it’s needed and not to deploy it to your Live environment where it may not be needed. For more information on DesktopServer and local development tools, please visit our web site at: https://serverpress.com/get-desktopserver/
How it Works:
The plugin provides configuration options that allow you to select a background color and text color for the Admin Bar. You can also select a message that will be displayed within the Admin Bar to provide additional information to the users of the site.
The configuration settings will be seen by all users on the site. If you are using the plugin in a MultiSite environment, the settings are not shared among all the sites. You will need to configure each site on the network.
Support:
<blockquote>
Support Details: We are happy to provide support and help troubleshoot issues. Visit our Contact page at <a href="http://serverpress.com/contact/" rel="nofollow ugc">http://serverpress.com/contact/</a>. Users should know however, that we check the WordPress.org support forums once a week on Wednesdays from 6pm to 8pm PST (UTC -8).
</blockquote>
ServerPress, LLC is not responsible for any loss of data that may occur as a result of using this tool. We strongly recommend performing a site and database backup before testing and using this tool. However, should you experience such an issue, we want to know about it right away.
We welcome feedback and Pull Requests for this plugin via our public GitHub repository located at: <a href="https://github.com/ServerPress/admin-color-bar" rel="nofollow ugc">https://github.com/ServerPress/admin-color-bar</a>.

Admin Color Bar

Configure the color of the admin bar in the WordPress admin area.

dreihochzwo

The RGBA Color Picker is a color picker that supports transparency colors in RGBA-Mode.
<h4>Custom color palette</h4>
The plugin offers the possibility to customize the color palette according to your own wishes. You can define your own custom color palette with the <code>acf/rgba_color_picker/palette</code> filter. In addition, you can define an individual color palette for each field in the field settings.
New in version 1.2.0
If there are a lot of colors for the color palette, the color fields are getting very tiny. To prevent this, the color fields are now displayed in several rows (with a maximum of 10 colors per row). So it is possible to define a lot of colors for the standard palette.
Furthermore, the color picker is now absolutely positioned and this does not shift other elements of the page every time the color picker is opened.
This plugin works only with the <a href="https://www.advancedcustomfields.com/pro/" rel="nofollow ugc">ACF PRO</a> (version 5.5.0 or higher).
<h4>Localizations</h4>
<ul>
<li>English</li>
<li>Deutsch</li>
</ul>
<h3>Custom color palette</h3>
Use the <code>acf/rgba_color_picker/palette</code> filter to create your own standard color palette for the color picker. Your custom standard color palette, just like the default color palette, can be overridden in the field settings for each field individually.
<h4>Fixed color palette</h4>
Put a code like this into your themes functions.php (you can use HEX or RGBA color values and can also mix them):
<pre><code><?php
function set_acf_rgba_color_picker_palette() {
 $palette = array(
 '#FFF',
 '#0018ff',
 '#00FF36',
 'rgba(255,168,0,0.7)'
 );

 return $palette;
}
add_filter('acf/rgba_color_picker/palette', 'set_acf_rgba_color_picker_palette');
?>
</code></pre>
<h4>Dynamic color palette</h4>
If you have an options page where you define some standard colors, create an array from this options like this:
<pre><code><?php
function set_acf_rgba_color_picker_palette() {
 // optional - add colors which are not set in the options page
 $palette = array(
 '#FFF',
 '#000'
 );

 if ( have_rows('YOUR_COLOR_REPEATER_FIELD', 'YOUR_OPTIONS_PAGE') ) {
 while( have_rows('YOUR_COLOR_REPEATER_FIELD', 'YOUR_OPTIONS_PAGE') ) { the_row();
 $palette[] = get_sub_field('YOUR_COLOR_FIELD');
 }
 }

 return $palette;
}
add_filter('acf/rgba_color_picker/palette', 'set_acf_rgba_color_picker_palette');
?>
</code></pre>
This is an example using a repeater field to set the colors; if you store your colors within a string, convert this string into an array.
<h4>Hiding color palette</h4>
If you dont want to show a color palette set the return value of the filter to false:
<pre><code><?php
add_filter('acf/rgba_color_picker/palette', '__return_false');
?>
</code></pre>
Setting the color palette to false will disable and hide the “Color Palette” and “Hide Color Palette” options in the field settings.

ACF RGBA Color Picker

Been needing this for months - thank you so much for creating it! Works flawlessly.

Finally!

A RGBA-Color-Picker field for Advanced Custom Fields

Admin Color Bar vs ACF RGBA Color Picker