2017149 - The "Ask" button is not properly displayed with High contrast

Status: VERIFIED FIXED

(Core :: Machine Learning: Frontend, defect, P1)

Description

[Rares Doghi, Desktop QA]

Attachment: ASK.mp4

Found in

• Nightly 149.0a1 (2026-02-16)

Affected versions

• Nightly 149.0a1 (2026-02-16)

Affected platforms

• windows

Preconditions
Have High Contrast enabled.

Steps to reproduce

1. Open a Smart window.
2. Reach any website and Open the Chat Sidebar.

Expected result

• The Ask button should be properly displayed with High contrast.

Actual result

• The Ask button is barely readable with High Contrast enabled.
  Please also note that the Ask button does not have a Clicked state with High contrast enabled.

Regression range
N/A

Comment 1

[James Teh [:Jamie]]

S2 because this is barely readable with this theme and possibly entirely unreadable with others.

Comment 2

[BugBot [:suhaib / :marco]]

The severity field is not set for this bug.
:Mardak, could you have a look please?

For more information, please visit BugBot documentation.

Comment 3

[Yulia Popova]

Designs for HCM available in this figma file.

Comment 4

[Yulia Popova]

Attachment: Ask-ChatToggle- HCM.png

Comment 5

[Chloe Zhou [:chloezhou]]

Attachment: Bug 2017149 - Add high contrast mode styles and keyboard focus for the smart window Ask button r=pdahiya,jlewis

Add prefers-contrast styles for #smartwindow-ask-button-inner to improve accessibility in high contrast mode. Removes the gradient background and individual child outline borders, replacing them with a single outline on the wrapper and custom HCM colors for default, hover, and active states in
both closed and opened (sidebar-is-open) configurations.

Also makes the button keyboard-focusable via -moz-user-focus: normal and adds a double-ring focus indicator.

Comment 6

[Pulsebot]

Pushed by [e-mail]:
https://github.com/mozilla-firefox/firefox/commit/f01d7d90c4ef
https://hg.mozilla.org/integration/autoland/rev/cc3ca127d136
Add high contrast mode styles and keyboard focus for the smart window Ask button r=desktop-theme-reviewers,accessibility-frontend-reviewers,emilio,morgan

Comment 7

[Atila Butkovits]

https://hg.mozilla.org/mozilla-central/rev/cc3ca127d136

Comment 8

[BugBot [:suhaib / :marco]]

Since nightly and release are affected, beta will likely be affected too.
For more information, please visit BugBot documentation.

Comment 9

[BugBot [:suhaib / :marco]]

The patch landed in nightly and beta is affected.
:chloezhou, is this bug important enough to require an uplift?

• If yes, please nominate the patch for beta approval.
  • See https://wiki.mozilla.org/Release_Management/Requesting_an_Uplift for documentation on how to request an uplift.
• If no, please set status-firefox150 to wontfix.

For more information, please visit BugBot documentation.

Comment 10

[Rares Doghi, Desktop QA]

Verified as fixed in our latest Nightly 151.0a1 (2026-04-15)

Comment 11

[Rares Doghi, Desktop QA]

Updating the main status flag.

Comment 12

[Chloe Zhou [:chloezhou]]

Attachment: Bug 2017149 - Add high contrast mode styles and keyboard focus for the smart window Ask button

Add high contrast mode support for the toolbar Ask button.

Override existing --smartwindow-ask-btn-* variables at :root inside nested media queries, following the same pattern as other :root variable overrides in the file.

@media (prefers-contrast) removes gradient backgrounds to prevent border bleed-through and sets all border variables to currentColor for visible borders — covering both macOS "Increase Contrast" and Windows HCM users.

@media (forced-colors) applies full system color overrides for Windows HCM users using design tokens with distinct styles for default, hover, and active states in both closed and opened modes.

Removes individual icon/text outlines in @media (prefers-contrast) and adds a focus indicator with outline-offset in forced-colors only. Makes the button keyboard-focusable via -moz-user-focus: normal.

Original Revision: https://phabricator.services.mozilla.com/D291014

Comment 13

[Chloe Zhou [:chloezhou]]

Attachment: Bug 2017149 - Add high contrast mode styles and keyboard focus for the smart window Ask button

Add high contrast mode support for the toolbar Ask button.

Override existing --smartwindow-ask-btn-* variables at :root inside nested media queries, following the same pattern as other :root variable overrides in the file.

@media (prefers-contrast) removes gradient backgrounds to prevent border bleed-through and sets all border variables to currentColor for visible borders — covering both macOS "Increase Contrast" and Windows HCM users.

@media (forced-colors) applies full system color overrides for Windows HCM users using design tokens with distinct styles for default, hover, and active states in both closed and opened modes.

Removes individual icon/text outlines in @media (prefers-contrast) and adds a focus indicator with outline-offset in forced-colors only. Makes the button keyboard-focusable via -moz-user-focus: normal.

Original Revision: https://phabricator.services.mozilla.com/D291014

Comment 14

[Ed Lee :Mardak]

the release patches were against 150 and this originally landed in 151, so no need to uplift there