This hands-on session introduces participants to the Wikimedia Design System (Codex) through practical tasks. Participants will build common UI components (banners, sidebars, error pages, etc.) using theme-aware tokens and accessible patterns.
Tasks for WMA-Hackathon-2025
Curated tasks (assigned Phabricator tickets):
- {T390270}
- {T390271}
- {T390272}
- {T390277}
- {T390278}
- {T390279}
- {T390280}
- {T390281}
- {T390282}
- {T390283}
- {T390461}
- {T390463}
- {T390465}
- {T390467}
- {T390468}
- {T390471}
- {T390472}
- {T390478}
- {T390484}
- {T390488}
- {T390495}
- {T390494}
- {T390498}
- {T390500}
- {T390462}
==Session Details==
- Design 101: Introduction to Wikimedia Design (Codex)
- Facilitator: Joris Darlington Quarshie
- Focus: UI/UX design using Wikimedia’s Codex components, theme-aware styling, and accessibility best practices.
**Additional Notes**
- Design System Reference: [[ https://doc.wikimedia.org/codex/latest/ | Codex Documentation ]]
- Testing: Verify components in both light/dark modes (e.g., @background-color-destructive-subtle).