Custom Highlight Color

July 12, 2024

Custom Highlight Color Plugin

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 …

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.

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.

Screenshots

  1. Highlight color option in the customizer.

    Highlight color option in the customizer.

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.

Changelog

1.1

  • Adjust priorities to improve compatibility with the Twenty Nineteen theme.

1.0

  • Initial public release.

Details

  • Version: 1.1
  • Active installations: 1,000
  • WordPress Version: 4.5
  • Tested up to: 6.6.1

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars