0

<meta> tag theme-color not working

im not sure what to do but this is what I added inside the <head> tag: <meta name="theme-color" content="#f02020"> But neither the browser's top bar nor the navigation buttons bar in phones(home, back, recent buttons) changes in android. Iam trying to change the color of the navigation button bar background as i have seen it happen in many websites, but it still appears as black or white instead of the color I set.

12th Aug 2025, 3:10 AM
Ace
Ace - avatar
2 Answers
+ 2
Ace i believe you are trying to do this: <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>My Website</title> <meta name="theme-color" content="#f02020"> <link rel="stylesheet" href="style.css"> </head>
12th Aug 2025, 4:09 AM
BroFar
BroFar - avatar
+ 2
it's still a limited-availability feature, so it's not widely supported by browsers. https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/meta/name/theme-color
12th Aug 2025, 5:37 AM
Bob_Li
Bob_Li - avatar