question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Confusing evaluation heading: "Address bar matches brand colors"

See original GitHub issue

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

image

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).

image

Related: #25.

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:9 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
patrickhulcecommented, Dec 3, 2018

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

0reactions
brendankennycommented, Jun 25, 2019

fixed in #6494!

Read more comments on GitHub >

github_iconTop Results From Across the Web

Change your website's address bar to match your brand ...
The status bar has a black transparent background color, if you choose black for the address bar the status bar will bleed into...
Read more >
Headings | Web Accessibility Initiative (WAI)
Heading ranks. Exception for fixed page sections · Organize passages of text · Headings that reflect the page organization. Main heading before navigation;...
Read more >
Match Your Brand with Colorful Assessments
One way is by matching your brand with colorful assessments. ... Or display your brand color in the bar chart for your type-based...
Read more >
Maintain Consistency and Adhere to Standards (Usability ...
For example, an application may use orange as its primary color, which is then ... When users enter a number in the Phone...
Read more >
How to Identify Web Accessible Colors for Products & ...
The WCAG requires you provide enough contrast between text and background color so that anyone, including people with moderately low vision, can ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found