Opacity
Named opacity tokens for disabled, placeholder, and overlay states.
Opacity tokens are role-named rather than numeric — they pin the fade level for disabled controls, placeholder text, and modal backdrops so those states stay consistent wherever they appear.
disabled
0.5placeholder
0.5overlay
0.7| Token | Value | Description |
|---|---|---|
| disabled | 0.5 | Opacity for disabled elements (web --opacity-disabled) |
| placeholder | 0.5 | Opacity for placeholder text in inputs |
| overlay | 0.7 | Opacity for modal and dialog backdrop overlays |