Custom Highlight Color

Description

Many devices and browsers provide less-than-ideal colors when selecting text on sites. Users may select text for a variety of reasons, including as a habit when reading or to share a quote. This plugin lets you customize this highlight color with live preview in the customizer.

Note that themes can also customize this color, and in cases where the theme sets the color, this plugin would allow it to be changed to a different color.

Screenshots

  • Highlight color option in the customizer.

Installation

  1. Take the easy route and install through the WordPress plugin adder OR
  2. Download the .zip file and upload the unzipped folder to the /wp-content/plugins/ directory
  3. Activate the plugin through the ‘Plugins’ menu in WordPress
  4. Go to Customize -> Colors and adjust the highlight color to your option. The highlight color is the selected text background color and the corresponding text color is set automatically.

FAQ

Issues with Firefox

Within the customizer preview, selection colors may not be visible in Firefox. However, the custom highlight color should work once your changes are saved and you leave the customizer.

Browser Compatibility

Not all browsers handle text selection the same way. This plugin attempts to provide the most consistent experience possible, but some devices and browsers may display highlight colors differently.

Where’s the settings page?

Go to the customizer (Customize) and open the color section. The Highlight Color option will be available here alongside any color options added by your theme or other plugins.

Reviews

Great Plugin

Thank you for the good work. I appreciate people like you who do a fantastic job for WordPress.

Read all 1 review

Contributors & Developers

“Custom Highlight Color” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.0

  • Initial public release.