On this page

Opacity

List of design token names, values and metadata for `opacity`
Name	Value
opacity-base	`1` Defined in `src/codex-base.json` Refers to `opacity.100`
opacity-medium	`0.65` Defined in `src/codex-base.json` Refers to `opacity.60`
opacity-low	`0.3` Defined in `src/codex-base.json` Refers to `opacity.30`
opacity-transparent	`0` Defined in `src/codex-base.json` Refers to `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`
Name	Value
opacity-icon-base	`0.87` Defined in `src/codex-base.json` Refers to `opacity.87`
opacity-icon-base--hover	`0.74` Defined in `src/codex-base.json` Refers to `opacity.74`
opacity-icon-base--selected	`1` Defined in `src/codex-base.json` Refers to `opacity.100`
opacity-icon-base--disabled	`0.51` Defined in `src/codex-base.json` Refers to `opacity.51`
opacity-icon-placeholder	`0.51` Defined in `src/codex-base.json` Refers to `opacity.51`
opacity-icon-subtle	`0.67` Defined in `src/codex-base.json` Refers to `opacity.67`

Deprecated token aliases

WARNING

The tokens below are not available in Codex. There are only available as deprecated aliases in WikimediaUI Base.

List of design token names, values and metadata for `opacity`
Name	Value
opacity-base--disabled deprecated	`0.51` Defined in `src/deprecated-aliases-wikimedia-ui-base.json` Refers to `opacity-icon.base--disabled` Deprecated: Legacy opacity for icon disabled state in non-Codex products. Has only been used for icons despite the name. (use `opacity-icon-base--disabled` instead)