Reference
Complete token table with live-resolved values
All Tokens
When to use
- Token table/Quick reference for all CSS custom properties. Click any row to copy the resolved value.
- Theme comparison/Toggle light/dark to see how every token shifts. Tint picker updates tint-derived tokens live.
Platform notes
- All Token names (camelCase, no hyphens) map 1:1 to all platforms. CSS
var(--systemBackground)= iOSColor.systemBackground= Android theme attribute. - Web Values resolve at runtime via
getComputedStyle(). Alpha tokens (fills, separators) show checkerboard to indicate transparency.