Problem
The Mismatch Finder'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 all WiKit tokens used to style the Mismatch Finder app.
This task focuses on the replacement of the deprecated tokens used in the project's Pages files:
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
- Error.vue and Playground.vue were excluded because they don't and/or don't need to contain any tokens
- All the Pages files contain layout tokens, so their tokens' replacement is dependent on T350189
- Any WiKit component tokens used individually in the files will need to also be replaced by an equivalent Codex token
Acceptance criteria
- All the WiKit tokens used in the MSMF Pages files are replaced by their Codex equivalent