1807414 - PWA - Android 11 notification bar background color is wrongly determined, causing unreadable result

Status: RESOLVED DUPLICATE of bug 1813875

(Fenix :: PWA, defect, P5)

Description

[Chris Peterson [:cpeterson]]

From github: https://github.com/mozilla-mobile/fenix/issues/22988.

Steps to reproduce

0. Set "Dark" system theme (Lineage OS 18.1 in my case)
1. "Install" Twitter as PWA
2. Open Twitter PWA
3. Check the notification bar background

Expected behaviour

For the same "Dark" theme, weather.com results a much better background color:

Actual behaviour

The result for twitter.com can be seen here

Note the white notification bar, and since it's in dark mode, the text are also white, making things unreadable.

Device name

OnePlus 7t

Android version

Android 11 (lineage OS 18.1)

Firefox release type

Firefox

Firefox version

95.2.0

Device logs

No response

Additional information

It looks like the background color of the notification bar is determined by the main color used in the favicon.

Thus for weather.com it's blue, but unfortunately for twitter, the white bird makes the background to be white.

I'd say the behavior is completely unnecessary. Just use the default color is good enough.
The favicon never really indicate the main color of the web, not to mention users may use add-ons like the darkreader to change the look.

┆Issue is synchronized with this Jira Task

Change performed by the Move to Bugzilla add-on.

Comment 1

[BugBot [:suhaib / :marco/ :calixte]]

The severity field is not set for this bug.
:cpeterson, could you have a look please?

For more information, please visit auto_nag documentation.

Comment 2

[Asif Youssuff]

Attachment: Screenshot_20230324-134157.png

I am seeing this on an LG G8 on release and nightly.

This is the Twitter PWA, installed by navigating to twitter.com.

Comment 3

[Asif Youssuff]

Also seeing this on a Moto G Pure on Android 12, with similar results.