Confusing evaluation heading: "Address bar matches brand colors"

[dandv]

When generating a report on this URL, Lighthouse suggests that the address bar matches the brand colors:

In actuality, the site's manifest.json has:

"background_color": "#1C3A6A",
"theme_color": "#FFFFFF"

The HTML theme-color is matched by the manifest's background_color, but the manifest theme_color is different (#FFFFFF, and Android renders the notification area in grey color).

Related: #25.

[paulirish]

Ah we only care that it's defined, but we don't need anything to "match". Yes. agree the wording isn't ideal.

Maybe...

Address bar theming is defined

Address bar theme color applied

[paulirish]

@kaycebasques wdyt on the name here. we just want these colors defined somewhere. that's it. And honestly we have no idea what your REAL brand colors are. :)

[pardismusic]

hi

i uesd these

and this inside my style :

{"theme_color": "#228f21" ...}

but i will get Address bar does not match brand colors (The browser address bar can be themed to match your site.)

what i have to do for fixing this ?
this is my website address : pardis music . me

[patrickhulce]

@pardismusic have you read the documentation? Do you have the meta tag?

[pardismusic]

@pardismusic have you read the documentation? Do you have the meta tag?

hi
yes i used these 👍
< meta name="theme-color" content="#228f21" >
< meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" >

but i add 2 space between
< and > for showing here

[patrickhulce]

You don't have a manifest @pardismusic.

https://developers.google.com/web/tools/lighthouse/audits/manifest-exists#recommendations

[pardismusic]

You don't have a manifest @pardismusic.

https://developers.google.com/web/tools/lighthouse/audits/manifest-exists#recommendations

i really didnt undrestand how to make manifest

is there any video to showing that ? or any site example

[patrickhulce]

Yes the documentation links to a guide https://developers.google.com/web/fundamentals/web-app-manifest/

[brendankenny]

fixed in #6494!