Make your site stand out! — Say no to gray toolbars! 😣
See how nice the toolbar color looks on Scotch Development website ?😍😍😍. I bet that got you going like “Cool! how are they doing that?” 😱
Starting in version 39 on Chrome for Android on Lollipop(and beyond), you can now use a sweet awesome meta element in your html5 document’s <head> section called theme-color to set the toolbar color of the Chrome for Android browser. Know what this means? No more gray toolbar! 🕺💃🕺
Tell me how to do this already!
Ready for it? Here it is:
So you would have to make sure you type in the below 10k lines of code accurately after your opening <head> tag 😂😂:
<meta name=”theme-color" content=”#bada55" />
Just kidding! Just that one line would change your toolbar color to the color passed to the content attribute. Isn’t that awesome?!
The syntax…
Simply pass in any valid CSS color value as the content of the theme-color meta element in the <head> section of your HTML5 document and that’s it! So want to make toolbar red?
<meta name=”theme-color” content=”red" />
OR
With hexadecimal values(my very own favorite) :
<meta name=”theme-color” content=”#ff0000" />
And that’s it!
All those in favor of the anti-gray toolbar on Chrome movement should give this a try 😁. It would sure make your site stand out!
Already using this in your sites? Great, leave a comment below. Would love to hear that I ain’t the only one stoked by this feature. 😍😍
Need help installing and setting up Go for Windows machine? Check this awesome article.
Happy deploying!!!
