2003421 - Align Button colors with M3 specs

Status: RESOLVED FIXED

(Firefox for Android :: Design System and Theming, task, P3)

Description

[Gabriel Luong [:gl] (ΦωΦ)]

There are a couple of issues with the existing colors used in Button.kt which warrants a bit of an investigation.

• OutlinedButton is currently relying on the button defaults, which differs from the Figma. In the designs, OutlinedButton is using "Primary" text color vs "OnSurfaceVariant" from the defaults. We should check with UX whether or not the designs are out of date or whether we should continue to align with Figma designs as an intentional deviation from the defaults.
• The current DestructiveButton implementation is using the colors of the hovered state from the Figma. We want to remove the background color so that it actually resembles the Enabled State https://www.figma.com/design/MjufE1X5fvkxZ0YneX4kRd/Android-Library--2025-?node-id=64529-34813&m=dev.

Comment 1

[lmccracken]

Attachment: Bug 2003421 : update button colours to align with the M3 specs

Comment 2

[Gabriel Luong [:gl] (ΦωΦ)]

OutlinedButton is currently relying on the button defaults, which differs from the Figma. In the designs, OutlinedButton is using "Primary" text color vs "OnSurfaceVariant" from the defaults. We should check with UX whether or not the designs are out of date or whether we should continue to align with Figma designs as an intentional deviation from the defaults.

Confirmed with Maggie in https://mozilla.slack.com/archives/C03KPTP37BN/p1767966473905139 that the content color for OutlinedButton should align with the Figma and use the Primary color token.

Comment 3

[Pulsebot]

Pushed by [e-mail]:
https://github.com/mozilla-firefox/firefox/commit/a18e36fc0955
https://hg.mozilla.org/integration/autoland/rev/65f13c6660e9
update button colours to align with the M3 specs r=android-reviewers,gl

Comment 4

[Serban Stanca [:SerbanS]]

https://hg.mozilla.org/mozilla-central/rev/65f13c6660e9