Page MenuHomePhabricator

[WtC-M3] [QB] Use Codex tokens to style QB’s interface colors
Open, Needs TriagePublic5 Estimated Story Points

Description

Problem

The Query Builder's user interface was styled using WiKit tokens. With the WiKit design system being superseded by Codex, the official Wikimedia design system. The utilization of WiKit tokens is not recommended, and they should be replaced in order to reduce maintenance costs and ensure consistency.

Solution

We have to replace the WiKit background and border color tokens used to style the Query Builder's interface by their Codex equivalents.

To support the replacement, here's a WiKit to Codex tokens mapping. You can find the WiKit tokens matched with their corresponding Codex token.

Considerations

Files where color tokens and/or variables are used (please beware the list might be incomplete!):

Acceptance criteria
  • WiKit tokens used to define the colors of the Query Builder app are replaced by Codex tokens

Event Timeline

Arian_Bozorg renamed this task from Use Codex tokens to style QB’s interface colors to [SW] [WtC-M3] [QB] Use Codex tokens to style QB’s interface colors.Mar 27 2024, 9:37 AM
Arian_Bozorg renamed this task from [SW] [WtC-M3] [QB] Use Codex tokens to style QB’s interface colors to [WtC-M3] [QB] Use Codex tokens to style QB’s interface colors.Mar 27 2024, 9:50 AM