The color of active PWA tabs should be made semi-transparent

[PeterCxy]

Description

At least on Linux, Firefox defaults to a non-transparent color for active tabs (by default this is extracted from the system theme). This may look okay with some apps but terrible with others. If possible, maybe we should override the color in userChrome with something semi-transparent or at least make it match the app theme color.

Affected Websites

A common example of this issue is YouTube as a PWA.

Environment

• Operating system: Linux
• System architecture: x86_64
• Desktop environment: KDE
• FirefoxPWA extension version: 1.0.0
• FirefoxPWA native version: 1.0.0
• Firefox version: 91

[filips123]

I agree that it looks bad with some apps. I will probably try to make tabs transparent or use some shade of app theme color next week.

[filips123]

Sorry for delay, but I didn't have much time last week. I implemented transparent tabs and will probably publish them soon. Here is how they look on some popular websites:

YouTube (theme color #FF0000):

Twitter (theme color #ffffff):

Spotify (theme color #121212):