1858252 - In Log In UI, the "Remember" label and "x" button is barely readable (white-on-white), when viewed in light color-scheme

Status: NEW

(bugzilla.mozilla.org :: User Interface, defect)

Description

[Daniel Holbert [:dholbert]]

STR:

1. Don't be signed in to bugzilla -- e.g. use a fresh profile or a private browsing window.
2. Configure your browser (or OS) to have a light color-scheme preference. E.g. in Firefox Preferences, search "Light" and click the radio-button to prefer "Light" appearance for sites.
3. Visit https://bugzilla.mozilla.org and click "Log In" at top-right
4. Look at the "Remember" text. Also: look at and hover the "X" close-button.

ACTUAL RESULTS:

• The word "Remember" to the right of the checkbox is light-text-on-a-light-background and hence is nearly unreadable. To the extent that it's readable, it looks like it's got some sort of disabled/deactivated style. (But in fact it's entirely interactive.)
• The "X" is similarly light-on-light; and if you hover it, it nearly disappears entirely.

EXPECTED RESULTS:
Text/x should be visible and remain visible when hovered.

It looks like these components are using a foreground color that's meant to be used over a dark background (e.g. the header-bar), but we're showing them over a light background here.

Comment 1

[Daniel Holbert [:dholbert]]

This reproduces in Chrome as well, so it's pretty clearly a site bug rather than a browser bug.

Comment 2

[Daniel Holbert [:dholbert]]

Attachment: screenshot comparing this UI in dark (top) vs. light (bottom) color-scheme

Comment 3

[Daniel Holbert [:dholbert]]

Attachment: screenshot showing the "x" nearly disappearing when hovered

This shows how the "x" looks when hovered -- it gets lighter, which makes it nearly invisible.