Mercurial
comparison design_system/wiki/TOKENS_AND_SIZING.md @ 259:667156fcd3e3
Add dev-only cyberpunk JRPG page
| author | MrJuneJune <me@mrjunejune.com> |
|---|---|
| date | Wed, 05 Aug 2026 09:19:41 -0700 |
| parents | 60a876c4587a |
| children |
comparison
equal
deleted
inserted
replaced
| 258:60a876c4587a | 259:667156fcd3e3 |
|---|---|
| 9 ``` | 9 ``` |
| 10 | 10 |
| 11 Application CSS consumes semantic roles. Component CSS may define local aliases | 11 Application CSS consumes semantic roles. Component CSS may define local aliases |
| 12 that fall back to semantic roles. Reference colors are restricted to token and | 12 that fall back to semantic roles. Reference colors are restricted to token and |
| 13 theme definitions. | 13 theme definitions. |
| 14 | |
| 15 Themes remap the standard semantic roles rather than creating parallel | |
| 16 application palettes. Paper, Ink, Playful, and Cyberpunk all provide the same | |
| 17 surface, text, border, action, status, and focus contracts, so components remain | |
| 18 theme-agnostic. | |
| 14 | 19 |
| 15 ## Five-step scale | 20 ## Five-step scale |
| 16 | 21 |
| 17 Controls, text, icons, gaps, and padding use: | 22 Controls, text, icons, gaps, and padding use: |
| 18 | 23 |