Chrome on Android 5.0 Lollipop supports custom colours on the system Status Bar with the inclusion of a simple HTML meta tag. I’ve even created a plugin you can use to easily change the status bar for websites created using WordPress.
The inclusion of the meta tag lets you customise the user experience beyond the browser on devices running Android 5.0 Lollipop. To do so, you just need to include the
theme-color meta tag in the
head of your HTML.
You can use any hex colour code in the meta tab. Just take a look at some of the examples in the screenshots below. Or you can visit my website or this article on a compatible device to see it in action.
The WordPress Plugin takes the meta-tag further, and allows you to use up to three different colours across your site. You can use a different colour for:
- Home page
- Blog Posts
If you have suggestions on how the plugin can be improved, please let me know if the comment section below or send me an email.