1750954 - Low contrast on warning badge with certain themes (e.g. some of the True Colors colorways)

Status: NEW

(Firefox :: Theme, defect, P3)

Description

[Anca Soncutean, Desktop QA]

Attachment: notification icon bad contrast.png

Affected versions

• 98.0a1 (2022-01-18)
• 97.0b5

Affected platforms

• Windows 10
• macOS 12.0
• Ubuntu 20.04

Steps to reproduce

1. Make sure browser.download.alwaysOpenPanel is set to false in about:config
2. Go to about:addons page and enable the Rawrrr! theme
3. Open this page and perform a download from the "Desktop Download Warnings" section, option 6 or 7
4. Observe the notification on the download icon

Expected result

• The notification icons are visible, the contrast is stronger, as per the UI specification.

Actual result:

• The red dot and/or the yellow triangle icons are barely visible on themes like Rawrrr!, That's so fire or Cheese Puff.

Regression range

• Not a regression, introduced with the new themes implementations.

Comment 1

[Dão Gottwald [:dao]]

To be clear, this issue has existed for a while for any theme using a toolbar color that's in any way close to the yellow used in the warning triangle.