htmlgoogle-chrome

Chrome Mobile color bar theme-color meta tag not working


I'm trying to implement the theme-color meta tag but I can't see it working in my Motorola smartphone with Chrome and Android Lollipop.

I started with a theme-color tag then I wrote the other tags, but have had no success at all.

<meta name="theme-color" content="#5f5eaa">
<meta name="msapplication-TileColor" content="#5f5eaa">
<meta name="msapplication-navbutton-color" content="#5f5eaa">
<meta name="apple-mobile-web-app-status-bar-style" content="#5f5eaa">

This webpage is running over HTTPS with an invalid certificate (it's an intranet tool), but I don't think it would affect that feature, right?


Solution

  • Always check actual browsers versions.

    Here is table of supporting this meta tag. https://caniuse.com/#feat=meta-theme-color

    enter image description here