1908010 - Components using standard `background-color-ghost-...` CSS design system tokens have contrast issues when a wallpaper is set

Status: NEW

(Firefox :: New Tab Page, defect, P3)

Description

[Maxx Crawford [:maxx]]

Attachment: Screenshot of Weather component with the CSS token fix in place

Currently, we have to override the standard token defaults for components depneding if a user has a wallpaper set:

Examples:

• Weather component
• Top Sites component

Note that there is not an immediate issue, but if the design system pushes updates to this token set, components using this override will deviate/be out of sync.

Comment 1

[Maxx Crawford [:maxx]]

Attachment: Screenshot of Weather component with the color-mix token in use

Comment 2

[BugBot [:suhaib / :marco/ :calixte]]

Set release status flags based on info from the regressing bug 1902154

Comment 3

[Donal Meehan [:dmeehan]]

:maxx, next week is the final week of beta for Fx129.
Do you plan on fixing this in time for release?

Comment 4

[Maxx Crawford [:maxx]]

No. This is not planned to be resolved this release. Thanks!

Comment 5

[Liz Henry (:lizzard) (relman/hg->git project)]

Based on the severity level of the issue, I'm marking this as fix-optional to remove it from weekly regression triage.
Of course, we are still happy to take a patch.

One additional thought though Maxx, as this is a contrast issue, you may want to consider it (and tag it) as an a11y bug, to accomodate low vision users.

Comment 6

[Maxx Crawford [:maxx]]

(In reply to Liz Henry (:lizzard) (relman/hg->git project) from comment #5)

Based on the severity level of the issue, I'm marking this as fix-optional to remove it from weekly regression triage.
Of course, we are still happy to take a patch.

One additional thought though Maxx, as this is a contrast issue, you may want to consider it (and tag it) as an a11y bug, to accommodate low vision users.

Good callout, Liz! Added the a11y severity.

The main issue right now is more the deviation (or need to deviate) from the design system token. We have a fix in place so that the contrast issue example I posted doesn't occur.