Notification bar is unreadable on Firefox Android PWA

lluni

Opening the Kagi Translate Firefox Android PWA, makes the notification bar unreadable:

Tested on Firefox Android version 146.0 by adding the Kagi Translate PWA app to the home screen and opening it.

For comparison, this is Kagi Translate opened as a non-PWA website in Firefox Android and this is what the notification bar should look like:

PolicyPants

The PWA appears to think it's in light mode even when rendering in dark mode thus providing incorrect data to the system. Try other PWAs, or try setting the theme to light and then back again

RoxyRoxyRoxy

Just curious, do you have any other Kagi products as a PWA? Do they demonstrate this behavior as well if so?

lluni

I did not have any other Kagi PWAs, but I just installed Kagi News as a PWA and it shows the same behavior. Also, toggling the theme in Kagi News (and restarting or re-installing the PWA) does not change the theming of the navigation bar.

I also installed the Kagi Translate PWA on Brave Android version 1.85.117 to test a different browser and it does not have this theming issue:

Giorgio

Relevant bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1964220
Seems like it was fixed in 145 but it's behind a feature flag. If it's not GA'd soon, we'll find a solution on our end.