tokens: Make planned updates in the Red color palette in OOUI
Open, LowPublic
Actions

Assigned To

None

Authored By

	CCiufo-WMF
	Oct 16 2024, 4:27 PM

Description

Background

During the expansion of the Codex color palette, as a part of T360494, we decided to keep the current destructive/error text color, which uses #d73333, known as red600. This means that while we updated all other text application tokens (other than gray) to use the 700 color values, we are still using red600 as the destructive and error text in light mode, which does not meet the 4.5:1 contrast required for text elements in all scenarios (T341485). T370446 accounts for updating the destructive/error text colors in Codex to #bf3c2c (red700), but there are uses of #d73333 in OOUI that also need to be updated.

Current uses: https://codesearch.wmcloud.org/search/?q=%23d73333#oojs/ui

Before/After

#d73333 (top) vs. #d74032 (bottom)

#d73333 (top) vs. #bf3c2c (bottom)

Acceptance criteria

All uses of #d73333 for destructive/error text in OOUI are updated to #bf3c2c.

Related Objects
Search...

Status	Assigned	Task
Resolved	DTorsani-WMF	T371117 [EPIC] Accessibility improvements for component's colors
Resolved	DTorsani-WMF	T341485 Red link: Improve contrast when placed on messages
Open	None	T377357 tokens: Make planned updates in the Red color palette in OOUI

Event Timeline

CCiufo-WMF created this task.Oct 16 2024, 4:27 PM

CCiufo-WMF triaged this task as Low priority.

CCiufo-WMF added a project: OOUI.

CCiufo-WMF moved this task from Inbox to Needs Refinement on the Design-System-Team board.

CCiufo-WMF mentioned this in T376187: tokens: Update hard-coded instances of #d73333.Oct 16 2024, 4:32 PM

CCiufo-WMF updated the task description. (Show Details)Oct 16 2024, 9:19 PM

CCiufo-WMF updated the task description. (Show Details)

CCiufo-WMF updated the task description. (Show Details)Oct 16 2024, 9:22 PM

CCiufo-WMF updated the task description. (Show Details)Oct 16 2024, 9:25 PM

bmartinezcalvo attached a referenced file: F57620337: image.png. (Show Details)Oct 21 2024, 5:07 PM

bmartinezcalvo attached a referenced file: F57619691: image.png. (Show Details)

For now, we will not be propagating these updates to OOUI. We've already been dealing with the unintended consequences of trying to keep both libraries visually in sync (e.g. T377370) and that change is not so dramatic that it will be a jarring user experience.

This is a tentative decision about how to handle similar situations while we develop a more formal decision about how OOUI will be maintained in the future.

CCiufo-WMF closed this task as Declined.Oct 22 2024, 2:07 PM

CCiufo-WMF mentioned this in T312788: OOUI quiet button's style differs from that in Codex.Oct 29 2024, 2:26 PM

I'd suggest to reopen this specific task for one reason:
While Codex is used in more and more places, it's still minority against OOUI interfaces. And specifically with error/destructive colors which are signals for some of the most important user decisions, we shouldn't confuse users with different shades facing such decisions.
For minimizing confusion and reducing possible user support issues, I'd suggest to align OOUI with these amended colors.

CCiufo-WMF mentioned this in T386388: OOUI components updates based on Codex decisions.Feb 14 2025, 7:42 PM

In T370446 red text was updated to use red700 (#bf3c2c) which destructive icons inherit:

In T376641 it was documented that error icons should used red500 (#f54739):

Both components use the same background and border colours so the inconsistency in the contents seems odd. Is this intentional?

	F57620331: image.png
	Oct 16 2024, 9:21 PM

tokens: Make planned updates in the Red color palette in OOUIOpen, LowPublicActions