Closed Bug 1737054 Opened 3 years ago Closed 3 years ago

HCM hover state on shield/lock does not match page actions

Categories

(Firefox :: Address Bar, defect, P2)

defect
Points:
1

Tracking

()

VERIFIED FIXED
95 Branch
Accessibility Severity s3
Tracking Status
firefox95 --- verified
firefox97 --- verified
firefox98 --- verified

People

(Reporter: bugzilla, Assigned: lesore0789, Mentored)

References

Details

(Keywords: access, good-first-bug, Whiteboard: [lang=css][hcm-2021-h2])

Attachments

(2 files)

As of bug 1735643, the Urlbar page actions invert their colors when hovered in High Contrast Mode. Specifically, they use SelectedItem/SelectedItemText for their colours. The shield and lock icon don't yet use those colors on hover.

These two lines should be replaced with

  background-color: var(--urlbar-box-hover-bgcolor);
  color: var(--urlbar-box-hover-text-color);

and

  background-color: var(--urlbar-box-active-bgcolor);
  color: var(--urlbar-box-hover-text-color);

respectively. See the patch in bug 1735643 for examples of similar changes.

Mentor: htwyford
Keywords: good-first-bug
Whiteboard: [lang=css]
Assignee: nobody → lesore0789
Status: NEW → ASSIGNED

Hi harry if you don't mind helping with more details i would love to work on this

Keywords: access
Whiteboard: [lang=css] → [lang=css][access-s3][hcm-2021-h2]
Pushed by htwyford@mozilla.com:
https://hg.mozilla.org/integration/autoland/rev/b08b5e664b36
HCM hover state on shield/lock does not match page actions. r=harry,desktop-theme-reviewers
Status: ASSIGNED → RESOLVED
Closed: 3 years ago
Resolution: --- → FIXED
Target Milestone: --- → 95 Branch

The issue is verified fixed using the latest Fx98.0a1 and Fx97.0b1 on Windows 10 and Ubuntu 20.04. The shield and lock buttons have the correct hover color in high contrast mode.

Status: RESOLVED → VERIFIED
Accessibility Severity: --- → s3
Whiteboard: [lang=css][access-s3][hcm-2021-h2] → [lang=css][hcm-2021-h2]
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: