How to add theme color to your website to display on mobile devices. Works for any html page

Well, this is just a very small thing that I want to share with you all. Recently I was wrapping my head around with public folder of react and just discovered something new with meta tags. I wanted to change the color of mobile header bar and you can do this by just adding a small meta tag to your index.html page in your public folder of react

If you are in any other html page just add this meta tag in your header to change the theme color on your mobile device’s browser header.

<meta name="theme-color" content="crimson">

you can add your desired color in the content property of this meta tag. so next time when you build a website don’t forget to add this theme-color meta tag in your html page. I would love to hear from you all whether you knew this and if not then congrats.