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.
Code
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.
Screenshots
WordPress Plugin
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
- Pages
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.