Skip to content

Opacity

List of design token names, values and metadata for opacity
NameValue
opacity-base
1

opacity.100

opacity-medium
0.65

opacity.60

opacity-low
0.3

opacity.30

opacity-transparent
0

opacity.0

Opacity Icon

Legacy opacity for Icon states in CSS-only component and non-Codex products.

List of design token names, values and metadata for opacity
NameValue
opacity-icon-base
0.87

opacity.87

opacity-icon-base--hover
0.74

opacity.74

opacity-icon-base--selected
1

opacity.100

opacity-icon-base--disabled
0.51

opacity.51

opacity-icon-placeholder
0.51

opacity.51

opacity-icon-subtle
0.67

opacity.67