Page MenuHomePhabricator

Quiet Normal Button: Consider updating to new @color-neutral
Closed, ResolvedPublic

Assigned To
Authored By
bmartinezcalvo
Feb 17 2026, 4:03 PM
Referenced Files
F37021768: image.png
Feb 17 2026, 4:03 PM
F37021766: image.png
Feb 17 2026, 4:03 PM
F36782631: Screenshot 2023-02-07 at 12.39.01.png
Feb 17 2026, 4:03 PM
F72153601: image.png
Feb 17 2026, 4:03 PM
F72153599: image.png
Feb 17 2026, 4:03 PM

Description

Background

At the moment, it's difficult to differentiate the Quiet Normal Button from text since both them use the same styles. We could consider restyling the Quiet Normal Button from color-base to a new color-neutral (Gray700) so it's visually easier to differentiate the actions from the text when both are placed next to each other.

image.png (824×432 px, 44 KB)
image.png (824×432 px, 44 KB)
Current behaviorProposed change using color-neutral
Cases to consider
Screenshot 2023-02-07 at 12.39.01.png (1,020×1,086 px, 132 KB)
Skip button in the OnboardingDialog
image.png (528×265 px, 27 KB)
Close button in Dialog
image.png (660×76 px, 5 KB)
Close button in Message/Toast

Considerations

  • The most important factor within an action that should denote is actionability is the verbiage used. It should be a verb, as in something that is taking action. For accessibility reasons, such as varying colorblindnesses, low or blurry vision, or the use of screen readers, the color and style cannot be the main factor for what denotes an action. Instead the label should do its best at doing so.

Open questions

Add here the questions to be answered in order to design and implement the component

Acceptance criteria (or Done)

Design

  • Update the component in the Figma library. This step will be done by a DST member.

Code

  • Update the component in Codex

Event Timeline

Change #1240036 had a related patch set uploaded (by Dtorsani; author: Dtorsani):

[design/codex@main] Button: Update default quiet label color

https://gerrit.wikimedia.org/r/1240036

DTorsani-WMF triaged this task as Low priority.
DTorsani-WMF moved this task from Backlog to Pending Release on the Codex board.

Change #1240036 merged by jenkins-bot:

[design/codex@main] Token, Button: Add new token for update default button label color

https://gerrit.wikimedia.org/r/1240036

Change #1247676 had a related patch set uploaded (by Anne Tomasevich; author: Anne Tomasevich):

[mediawiki/core@master] Update Codex from v2.3.4 to v2.4.0

https://gerrit.wikimedia.org/r/1247676

Change #1247676 merged by jenkins-bot:

[mediawiki/core@master] Update Codex from v2.3.4 to v2.4.0

https://gerrit.wikimedia.org/r/1247676

bmartinezcalvo renamed this task from Quiet Normal Button: Consider updating to @color-subtle to Quiet Normal Button: Consider updating to new @color-neutral.Mar 9 2026, 12:19 PM
bmartinezcalvo updated the task description. (Show Details)