Browser Theme Color

May 24, 2024

Browser Theme Color Plugin

Add the 'theme-color' meta tag to your website for a seamless user experience on Android & iOS with our easy-to-use plugin.

Discover a powerful solution for enhancing your website’s user experience across multiple platforms with our simple, lightweight, and effective plugin that adds the “theme-color” meta tag. Compatible with Android, iOS, and Windows Phone, our plugin is designed based on Google guidelines to ensure a seamless user experience on all devices.

In addition to its seamless compatibility, our plugin is fully customizable, allowing you to style it to match your brand’s unique identity. With the option to choose from a variety of colors, you can easily tailor the “theme-color” meta tag to perfectly complement your website’s design and layout.

When you install the plugin for the first time, the color is automatically set to #23282D, which is the standard WordPress color. From there, you can easily customize the tag to match your brand, ensuring a fully immersive user experience that keeps visitors coming back for more.

Don’t settle for a subpar user experience on mobile devices. Elevate your website’s design and functionality with our “theme-color” meta tag plugin today, for free!

Installation

This section describes how to install the plugin and get it working.

  1. Upload browser-theme-color directory to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Go to the “Browser Color” settings page
  4. Choose the color you want and style it to match your style!

Screenshots

  1. Theme example in Android multitasking <a href="https://developers.google.com/web/fundamentals/design-and-ui/browser-customization/theme-color">developers.google.com</a>

    Theme example in Android multitasking developers.google.com

  2. Topbar example in Android Chrome <a href="https://developers.google.com/web/fundamentals/design-and-ui/browser-customization/theme-color">developers.google.com</a>

    Topbar example in Android Chrome developers.google.com

FAQ

How to set the color?

You can set the color in the plugin settings screen (Settings -> Browser Color).

Changelog

1.4.1 2024-05-24

  • Minor changes
  • Tested up to latest WP

1.3 20230217

  • Minor changes
  • Tested up to latest WP

1.2.3 20220621

  • Minor improvements
  • Tested up to WP 6.0

1.2.2 20201002

  • Minor improvements

1.2.1 20200430

  • Compatibility check
  • Minor improvements

1.2 05.09.2017

  • Tested with WP 4.8

1.1 10.01.2017

  • Tested with WP 4.7

1.0 9.06.2016

  • First release, enjoy!

Details

  • Version: 1.4.1
  • Active installations: 3,000
  • WordPress Version: 3.8
  • Tested up to: 6.6.1

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars