Make updates to Blue and Yellow to support diff updates
Closed, ResolvedPublic
Actions

Assigned To

Authored By

	DTorsani-WMF
	Jul 9 2025, 3:47 PM

Project Tags

Referenced Files

None

Subscribers

Description

Background

As a part of T394117: [EPIC] Diff styling we need to make an update to the Blue and Yellow values in Codex in order to meet our goal to maintain the same exact colors currently used in the yellow/blue diff styles.

Goals

Use the exact same colors currently used in diff styling
Maintain proper accessibility/color contrast needed wherever these option colors might be used.

Changes and effects (outside of diffs)

color	before	after	effects
`yellow100`	#fbe2a2	#ffe49c	none
`yellow200`	#fecc44	#ffcf4f	none
`yellow300`	#eeb533	#edb537	none
`blue100`	#dce3f9	#d9e2ff	`background-color-progressive-subtle--hover` in light mode
`blue200`	#cbd6f6	#b6d4fb	`background-color-progressive-subtle--active` in light mode, `color-progressive--active` in dark mode, `box-shadow-color-progressive-selected--active` in dark mode
`blue300`	#b0c1f0	#a6bbf5	`color-progressive--hover` in dark mode, `border-color-progressive--active` in dark mode, `box-shadow-color-progressive-selected--hover` in dark mode

Acceptance criteria

Effected colors are updated in Codex
Colors are also updated in Figma

Details

Related Changes in Gerrit:

Subject	Author	Repo	Branch	Lines +/-
Update Codex from v2.2.1 to v2.3.1	LorenMora	mediawiki/core	master	+732 -575
Update Codex from v2.2.1 to v2.3.0	LorenMora	mediawiki/core	master	+657 -531
tokens: Update Yellow and Blue option tokens	Dtorsani	design/codex	main	+6 -6

Customize query in gerrit

Related Objects
Search...

Status	Assigned	Task
Open	DTorsani-WMF	T394117 [EPIC] Diff styling
Open	DTorsani-WMF	T394327 Update color tokens for diff styling in Codex
Resolved	DTorsani-WMF	T399101 Make updates to Blue and Yellow to support diff updates

Event Timeline

DTorsani-WMF created this task.Jul 9 2025, 3:47 PM

DTorsani-WMF triaged this task as Medium priority.Jul 10 2025, 10:09 AM

DTorsani-WMF moved this task from Backlog to Ready for Design/Dev on the Codex board.

cooltey moved this task from Needs Triage to Tracking on the Wikipedia-Android-App board.Jul 15 2025, 4:13 PM

HNordeenWMF moved this task from Needs Triage to Tracking on the Wikipedia-iOS-App board.Jul 15 2025, 5:19 PM

DTorsani-WMF removed projects: Wikipedia-iOS-App, Wikipedia-Android-App, Accessibility, MediaWiki-Page-diffs, Editing-team, Design-System-Team.Jul 21 2025, 2:16 PM

DTorsani-WMF moved this task from Ready for Design/Dev to In Progress on the Codex board.Jul 28 2025, 7:35 PM

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

[design/codex@main] tokens: Update Yellow and Blue option tokens

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

gerritbot added a project: Patch-For-Review.Jul 28 2025, 7:46 PM

DTorsani-WMF updated the task description. (Show Details)Jul 28 2025, 7:47 PM

DTorsani-WMF moved this task from In Progress to Code Review on the Codex board.Jul 28 2025, 7:51 PM

Volker_E moved this task from Code Review to Pending Release on the Codex board.Jul 29 2025, 5:26 AM

Change #1173458 merged by jenkins-bot:

[design/codex@main] tokens: Update Yellow and Blue option tokens

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

Maintenance_bot removed a project: Patch-For-Review.Jul 29 2025, 6:31 AM

DTorsani-WMF mentioned this in T394327: Update color tokens for diff styling in Codex.Jul 29 2025, 6:28 PM

@DTorsani-WMF curious if the plan is to stick with blue and yellow or update to red and green as is suggested on the MediaWiki Site: https://phabricator.wikimedia.org/T399101 Thanks! Sorry for my confusion

Or is the goal for Android to default to Deuteranopia & Protanopia until the diff color themes are introduced?

This task is/was (since the patch has been merged) solely for Codex. It will update a few values of our yellow and blue palettes. The goal of the diffs updates, particularly for Apps will be to source the same color values from Codex used in the tokens listed in T394327: Update color tokens for diff styling in Codex for diffs across the four different color themes, and to replicate the nature of the tokens referenced in that task in the Apps. That will be true for light and dark mode. The updates to the colors should come, ideally, at the same time as the color theme switcher. As noted in T400754: Implement color updates to diffs on Android and T400752: Implement color updates to diffs on iOS, the default theme on Apps would Trichromatic, or red and green. This is also the Codex default, and means the Apps remains using red and green, since they already do. This does however differ from the default on Web, which will be Deuteranopia & Protanopia, or yellow and blue, since the current colors in the Wikitext view are yellow and blue. We can also reconsider the default theme on Apps if you think that is important.

Does this help at all? I'm happy to chat more about this. I know it's a lot and can be a confusing web of things.

This is helpful and I understand now, thanks @DTorsani-WMF !

Change #1178961 had a related patch set uploaded (by LorenMora; author: LorenMora):

[mediawiki/core@master] Update Codex from v2.2.1 to v2.3.0

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

gerritbot added a project: Patch-For-Review.Aug 14 2025, 8:59 PM

Test wiki created on Patch demo by LMora-WMF using patch(es) linked to this task:
https://52ad408a3b.catalyst.wmcloud.org/w/

Change #1178961 merged by jenkins-bot:

[mediawiki/core@master] Update Codex from v2.2.1 to v2.3.0

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

Maintenance_bot removed a project: Patch-For-Review.Aug 15 2025, 2:31 AM

Change #1180982 had a related patch set uploaded (by LorenMora; author: LorenMora):

[mediawiki/core@master] Update Codex from v2.2.1 to v2.3.1

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

gerritbot added a project: Patch-For-Review.Aug 21 2025, 9:45 PM

Test wiki created on Patch demo by LMora-WMF using patch(es) linked to this task:
https://590db65713.catalyst.wmcloud.org/w/

Change #1180982 merged by jenkins-bot:

[mediawiki/core@master] Update Codex from v2.2.1 to v2.3.1

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

Maintenance_bot removed a project: Patch-For-Review.Aug 21 2025, 11:32 PM

Volker_E closed this task as Resolved.Aug 22 2025, 9:42 AM

Test wiki on Patch demo by LMora-WMF using patch(es) linked to this task was deleted:

~~https://590db65713.catalyst.wmcloud.org/w/~~