1701628 - FxA synced devices toolbar separators have wrong color using dark theme

Status: NEW

(Firefox :: Menus, defect, P2)

Description

[Alin Ilea, Desktop QA]

Attachment: 2021-03-29_14h41_45.png

Tested with:

Nightly 89.0a1 (2021-03-28)

Tested on:

Windows 10
Windows 7

Preconditions:

In about:config, set browser.proton.enabled = true
Have dark theme enabled

Steps:

1. Launch firefox and sign in into FxA using 2 or more devices.
2. Go to the Firefox Account submenu and observe the toolbar separators color between synced devices.

Actual result:

The separators between devices are white.

Expected result:

The toolbar separator between devices should have the same color like the other separators.

Note 1: On MacOS the toolbar separators are missing. (see bug 1701025).
Note 2: The toolbar separators between synced devices have the correct color if the user access the FxA panel from the toolbar button (not from the hamburger menu) (see comment 1).

Comment 1

[Alin Ilea, Desktop QA]

Attachment: 2021-03-29_14h46_15.png

FxA synced tabs separators are displayed correctly if the user access the FxA panel from the toolbar button.

Comment 2

[Florencia Di Ciocco, NI to vbalducci]

Attachment: Screenshot from 2021-03-29 11-03-25.png

Hi, on the ubuntu the separator line between synced devices is black.

Comment 3

[Florencia Di Ciocco, NI to vbalducci]

Attachment: alpenglow

With an alpenglow theme, the line is hard to see from both the toolbar and hamburger menu.

Comment 4

[Alin Ilea, Desktop QA]

The issue from comment 3 is also reproducible when using some custom themes on Ubuntu 20, like "Chakras in Nebula by candelora". The toolbar separators are very hard to see.