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

Steps to reproduce

For PWA apps: (Could be any website, I'm choosing Twitter)

• Go to twitter.com.
• Tap 3 dot menu > Tap install.
• Open PWA Twitter app
• Observe.

For custom Tabs:

• Open links with Firefox browsers.
• Observe.

Expected behaviour

Status Bar's & Navigation Bar's color should complement or sync with website's color.

Actual behaviour

Status bar color is white all the time. Navigation Bar color isn't synced with website's color, it's default browser color and looks mismatched.
PWA app:

Custom Tab:

Device name

Vivo Y20 2021

Android version

Android 11

Firefox release type

Firefox

Firefox version

105.1.0

Device logs

No crash logs.

Additional information

Default browsing experience isn't syncing with website's color:

┆Issue is synchronized with this Jira Task

Change performed by the Move to Bugzilla add-on.

I cannot reproduce this on Android 11 (Xiaomi Redmi 9T. But background color kept black), but I can reproduce this on Android 12+ (Pixel 4a and OPPO). Although we set foreground color for notification area, but it isn't applied. I don't know why.