Yes, we do find joy in crafting this colorful site! How to add the theme-color meta tag to WordPress? As you progress through the article, the green engulfs any yellow that’s left. It nicely complements our reading progress bar, as its left side carries the same green. In reality, I thought “why not?” after seeing the big names such as the Facebook web app do this. Perhaps there is some underlying high concept of “reinforcing the brand identity through a sophisticated color palette on appropriate devices” (or some other BS). We felt that it’d be cool to add this little extra to our site.
On a side note, this doesn’t work in Incognito mode as it has its own address bar color. You don’t need to worry about the text color in the address bar because it’s automatic based on the lightness of the color. It takes form in the theme-color meta tag. Additional information is available in the changelog of Chrome itself. The trick is called Meta Theme Color, and according to Google Developers, it’s for Chrome, Firefox OS and Opera. My curiosity grew as I inspected the source and identified a simple one-liner that tells browsers to change the color.
I was browsing BBC News and noticed that they paint the address bar color red on my phone.
