Closed Bug 1660081 Opened 5 years ago Closed 2 years ago

[css-compatibility-tooltip] Color contrast issues with browser icons

Categories

(DevTools :: Inspector: Rules, defect, P3)

defect

Tracking

(firefox115 fixed)

RESOLVED FIXED
115 Branch
Tracking Status
firefox115 --- fixed

People

(Reporter: mtigley, Assigned: nchevobbe)

References

(Blocks 1 open bug)

Details

Attachments

(1 file)

There are color contrast issues for the browser icon list displayed in the CSS compatibility tooltip, making the icons difficult to see.

This bug will explore different color pallets for the browser icons in the CSS compatibility tooltip.

Since we want to enable the feature, let's try to fix this.
I'm also always confused about what is the meaning of the icon (is it supported or not supported), so hopefully, we can pick a color that will make this clearer

Assignee: nobody → nchevobbe
Status: NEW → ASSIGNED

The tooltip background is lighter than the regular panel background,
which made the icons not contrasted enough.

Depends on D177912

Pushed by nchevobbe@mozilla.com: https://hg.mozilla.org/integration/autoland/rev/517dcb03d410 [devtools] Tweak browser icons color in compatibility tooltip in dark mode. r=jdescottes,devtools-reviewers.
Status: ASSIGNED → RESOLVED
Closed: 2 years ago
Resolution: --- → FIXED
Target Milestone: --- → 115 Branch
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: