1842385 - Browser sometimes gets in an unreadable mix of light and dark theme

Status: UNCONFIRMED

(Fenix :: Design System and Theming, defect)

Description

[Ariane Bouchard]

Attachment: Screenshot_20230708_130253_Firefox.png

User Agent: Mozilla/5.0 (Android 13; Mobile; rv:109.0) Gecko/115.0 Firefox/115.0

Steps to reproduce:

Visit Jisho.org with Android set to light mode in the daytime and dark mode at night (currently light mode) and Firefox set to (I think) dark mode. It's hard to say with certainty what mode I was in since, as you'll see in screenshots, the settings menu was unreadable and I only managed to do anything by blindly clicking.

I happened to change the Firefox theme from (I think) dark mode to follow device theme, which made it... Dark mode. Weirdly. If I set it back to dark mode though, it'll so dark mode properly. Same for light mode.

Device info:

Samsung Galaxy S22+

Android 13
One UI 5.1
Google Play system update May 1, 2023
Android security patch June 1, 2023

Actual results:

The notification bar is white text on a light grey background, making it nearly unreadable. Settings are light grey in a light grey background (and thus most text is entirely invisible).

Expected results:

Firefox obeys its own setting and doesn't apply the light mode background and the dark mode foreground colors at the same time, forcing the user to blindly tap a nearly blank screen to switch it to a non-buggy color theme. Also, when I change the theme to follow device theme, it should indeed follow the device theme instead of doing the reverse.

Comment 1

[Ariane Bouchard]

Attachment: Screenshot_20230708_130236_Firefox.png

Look at the status bar

Comment 2

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

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

For more information, please visit BugBot documentation.

Comment 3

[SlowNicoFish]

This seems to happen when the phone has switched to dark or light mode with Firefox in the background. (Not killed in app switcher)

Comment 4

[Mark]

Possible duplicate of bug 1873022 and bug 1871015 and bug 1872306

I think these all have the same underlying cause but with a couple of different visible behaviors

1. Fenix sometimes does not obey system dark/light theme
2. Fenix dark/light theme is sometimes not internally consistent (status bar, toolbar & web content have different themes at the same time)
3. Fenix status bar & Settings menu text/background sometimes incorrectly themed (eg dark text on dark background or light text on light background)

Comment 5

[SlowNicoFish]

Happens on v.123 as well.
Android 14 One Ui