Browser Theme Colors

Starting in version 39 of Chrome for Android on Lollipop, you’ll now be able to use the theme-color meta tag to set the toolbar color. This means no more Seattle gray toolbars! The syntax is pretty simple: the plugin will add a meta tag to your page’s with the name=”theme-color”, and set the content to any valid CSS color using our color picker!

For example, to set the background to your favourite color or HTML5Rocks orange:

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

1. Upload browser-theme-colors directory to the /wp-content/plugins/ directory
2. Activate the plugin through the ‘Plugins’ menu in WordPress
3. Go to the “Nuttifox/Browser Theme Colors” settings page
4. Choose the color you want and check it against your website

How to set the color?

You can set the color in the plugin settings screen (Nuttifox -> Browser Theme Colors).

What does the plugin do?

Our plugin adds a meta tag to your website header to use the ‘theme-color’ options available in modern desktop browsers and mobile browsers. This means you can style the browser theme to be more inline with your website colours to personalise the experience.

1. 

   Admin settings page.

2. 

   Example of browser color on Android Google Pixel.

1.0

• First release. Enjoy!