Page MenuHomePhabricator

Put night mode color palette in Codex
Closed, ResolvedPublic3 Estimated Story Points

Description

@DTorsani-WMF has developed a set of expanded color palettes which will be used in the new "night mode" as well as potentially in other use-cases down the road (data visualization, etc).

full-mode-palette.png (1×2 px, 33 KB)

Based on the recent ADR we adopted around token organization, these new colors should first be defined as options tokens (which are not user-facing by default).

In the future, this will enable the development of a dark mode for Codex which overrides some existing color tokens with these newly-introduced values.

Acceptance Criteria

  • Create a patch in the Codex Design Tokens package that updates themes/wikimedia-ui.json to include a set of new color tokens with names and values taken from @DTorsani-WMF's figma files. This patch assumes the new token organization that has been established here, and should use that patch as its starting point.
  • The "maroon" and "purple" color tokens will be renamed (there will be a range of maroon and purple values instead of just one after this change), so any decision tokens which reference "maroon" and "purple" will need to be updated to point to "maroon500" or whatever the equivalent color is in the expanded palette.
  • No user-facing changes should occur as a result of this change.

In the future we'll post a follow-up patch which references these new options tokens in a dedicated dark mode file.

Event Timeline

Restricted Application added a subscriber: Aklapper. · View Herald Transcript
CCiufo-WMF renamed this task from PLACEHOLDER: Put night mode color palette in Codex to [PLACEHOLDER] Put night mode color palette in Codex.Feb 20 2024, 6:44 PM
egardner renamed this task from [PLACEHOLDER] Put night mode color palette in Codex to Put night mode color palette in Codex.Mar 4 2024, 7:48 PM
egardner updated the task description. (Show Details)
lwatson changed the task status from Open to In Progress.Mar 7 2024, 6:14 PM
lwatson updated the task description. (Show Details)

Change 1009585 had a related patch set uploaded (by LWatson; author: LWatson):

[design/codex@main] tokens: add night mode color palette to Codex

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

Change 1009585 abandoned by LWatson:

[design/codex@main] tokens: add night mode color palette to Codex

Reason:

Need to update option layer tokens first

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

Change 1010336 had a related patch set uploaded (by LWatson; author: LWatson):

[design/codex@main] tokens: add new option tokens to theme wikimedia-ui

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

lwatson updated the task description. (Show Details)

Change 1010336 merged by jenkins-bot:

[design/codex@main] tokens: expand the option tokens color palette

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

Change 1012737 had a related patch set uploaded (by Catrope; author: Catrope):

[mediawiki/core@master] Update Codex from 1.3.4 to 1.3.5

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

Change 1012737 merged by jenkins-bot:

[mediawiki/core@master] Update Codex from 1.3.4 to 1.3.5

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