1704201 - The pink strip for a Shopping container-tab blends into the Alpenglow pink toolbar-color, particularly with Proton enabled

Status: NEW

(Firefox :: Theme, defect, P5)

Description

[Daniel Holbert [:dholbert]]

Attachment: screenshot (with arrow pointing to the barely-noticeable pink bar)

STR:

1. Ensure you have the proton pref enabled (it's enabled by default in Nightly as of earlier this week)
2. Turn on the Alpenglow theme (which ships by default with Firefox)
3. Open a new "shopping" container-tab (e.g. by long-pressing the "+" icon)
4. Look at the tabstrip and try to distinguish between that tab and the other ones.

ACTUAL RESULTS:
There's a pink strip just above the tab, but it's really hard to see, since (with proton) it's layered on top of the toolbar background, and it happens to be the same color that Alpenglow uses for the tabstrip background.

EXPECTED RESULTS:
Should be able to distinguish between container tabs and other tabs by looking at the tabstrip.

Comment 1

[Daniel Holbert [:dholbert]]

Attachment: screenshot with Proton disabled, for comparison (pink indicator-bar is easier to see due to being overlayed on gray part of tab)

Here's a screenshot with Proton disabled, for comparison.

For the foreground tab at least, it's easier to see this pink-line indicator on the tab, since it's drawn over the tab's gray background (and it stands out against that).

Comment 2

[Daniel Holbert [:dholbert]]

(Note that this was already sort of a problem pre-proton, for background tabs -- the pink label was and still is pretty hard to see there. But for the foreground tab at least, it used to be a fairly noticeable indicator, and you can't really see it anymore [with Alpenglow], as shown in the screenshots.)

Comment 3

[Daniel Holbert [:dholbert]]

I should clarify: the attached screenshots are taken in Linux Nightly. I can also reproduce in macOS Nightly, if my macOS system theme is "light". I haven't tested in Windows, but I assume this is reproducible there, too.

(If I have a macOS "dark" system theme, then alpenglow uses a darker color for the tabstrip background, which is more purple than pink; and the contrast there is sufficient for me to see the container-tab's pink bar over the tabstrip background.)