j3w1 / color.interaction.disabled.bgVue · HTML · React · Astro

J3W1 / DESIGN SYSTEM

color.interaction.disabled.bg

Disabled control fill.

Source revision 1faefcf014c8bf01a6b27308ea796da968773a81

Find related usage · Specification anchor · Measured contrast report (default profile)

Report an issue with this token

color.interaction.disabled.bg
--color-interaction-disabled-bg

default · approved

Resolved value
#160b0b
Status
observed
Consumption
use — Use within the role's documented scope and restrictions.
Decisions
None pending.
Source
tokens/semantic.tokens.json:353 /color/interaction/disabled/bg
Alias chain
color.primitive.ink.30
Used by aliases
No declared aliases depend on this role.

Provenance and restrictions

null

Declared component and port usage

Consumer / kindPart / variantState / surfaceSource declaration
admin-form · contrast—disabled · color.interaction.disabled.bgspec/components/admin-form.md:81 /contrast/11
admin-form · contrast—disabled · color.interaction.disabled.bgspec/components/admin-form.md:83 /contrast/13
button · contrast—disabled · color.interaction.disabled.bgspec/components/button.md:84 /contrast/17
button · contrast—disabled · color.interaction.disabled.bgspec/components/button.md:85 /contrast/18
checkbox · contrast—checked+disabled · color.interaction.disabled.bgspec/components/checkbox.md:66 /contrast/6
checkbox · contrast—disabled · color.interaction.disabled.bgspec/components/checkbox.md:67 /contrast/7
chip · contrast—disabled · color.interaction.disabled.bgspec/components/chip.md:55 /contrast/1
chip · contrast—disabled · color.interaction.disabled.bgspec/components/chip.md:56 /contrast/2
combobox · contrast—disabled · color.interaction.disabled.bgspec/components/combobox.md:77 /contrast/3
combobox · contrast—disabled · color.interaction.disabled.bgspec/components/combobox.md:78 /contrast/4
date-picker · contrast—disabled · color.interaction.disabled.bgspec/components/date-picker.md:88 /contrast/2
date-picker · contrast—disabled · color.interaction.disabled.bgspec/components/date-picker.md:94 /contrast/3
field · contrast—disabled · color.interaction.disabled.bgspec/components/field.md:40 /contrast/3
field · contrast—disabled · color.interaction.disabled.bgspec/components/field.md:41 /contrast/4
fieldset · contrast—disabled · color.interaction.disabled.bgspec/components/fieldset.md:38 /contrast/4
fieldset · contrast—disabled · color.interaction.disabled.bgspec/components/fieldset.md:39 /contrast/5
file-input · contrast—disabled · color.interaction.disabled.bgspec/components/file-input.md:68 /contrast/5
file-input · contrast—disabled · color.interaction.disabled.bgspec/components/file-input.md:69 /contrast/6
icon-button · contrast—disabled · color.interaction.disabled.bgspec/components/icon-button.md:48 /contrast/2
icon-button · contrast—disabled · color.interaction.disabled.bgspec/components/icon-button.md:49 /contrast/3
number-field · contrast—disabled · color.interaction.disabled.bgspec/components/number-field.md:65 /contrast/5
number-field · contrast—disabled · color.interaction.disabled.bgspec/components/number-field.md:66 /contrast/6
radio-group · contrast—disabled · color.interaction.disabled.bgspec/components/radio-group.md:63 /contrast/6
radio-group · contrast—disabled · color.interaction.disabled.bgspec/components/radio-group.md:64 /contrast/7
search-field · contrast—disabled · color.interaction.disabled.bgspec/components/search-field.md:65 /contrast/6
search-field · contrast—disabled · color.interaction.disabled.bgspec/components/search-field.md:66 /contrast/7
select · contrast—disabled · color.interaction.disabled.bgspec/components/select.md:68 /contrast/6
select · contrast—disabled · color.interaction.disabled.bgspec/components/select.md:69 /contrast/7
switch · contrast—disabled · color.interaction.disabled.bgspec/components/switch.md:60 /contrast/6
switch · contrast—disabled · color.interaction.disabled.bgspec/components/switch.md:62 /contrast/8
text-field · contrast—disabled · color.interaction.disabled.bgspec/components/text-field.md:78 /contrast/2
text-field · contrast—disabled · color.interaction.disabled.bgspec/components/text-field.md:79 /contrast/3
textarea · contrast—disabled · color.interaction.disabled.bgspec/components/textarea.md:67 /contrast/2
textarea · contrast—disabled · color.interaction.disabled.bgspec/components/textarea.md:68 /contrast/3
time-picker · contrast—disabled · color.interaction.disabled.bgspec/components/time-picker.md:66 /contrast/2
time-picker · contrast—disabled · color.interaction.disabled.bgspec/components/time-picker.md:72 /contrast/3
admin-form · partdisabled.bg—spec/components/admin-form.md:51 /tokens/disabled.bg
button-group · partdependency.role-color-interaction-disabled-bg—spec/components/button-group.md:33 /tokens/dependency.role-color-interaction-disabled-bg
button · partroot.bg-disabled—spec/components/button.md:57 /tokens/root.bg-disabled
checkbox · partbox.bg-disabled—spec/components/checkbox.md:42 /tokens/box.bg-disabled
chip · partroot.bg-disabled—spec/components/chip.md:40 /tokens/root.bg-disabled
combobox · partroot.bg-disabled—spec/components/combobox.md:43 /tokens/root.bg-disabled
date-picker · partroot.bg-disabled—spec/components/date-picker.md:39 /tokens/root.bg-disabled
disclosure · partdependency.role-color-interaction-disabled-bg—spec/components/disclosure.md:36 /tokens/dependency.role-color-interaction-disabled-bg
error-state · partdependency.role-color-interaction-disabled-bg—spec/components/error-state.md:36 /tokens/dependency.role-color-interaction-disabled-bg
field · partcontrol.bg-disabled—spec/components/field.md:28 /tokens/control.bg-disabled
fieldset · partfield.bg-disabled—spec/components/fieldset.md:27 /tokens/field.bg-disabled
file-input · partbutton.bg-disabled—spec/components/file-input.md:40 /tokens/button.bg-disabled
icon-button · partroot.bg-disabled—spec/components/icon-button.md:35 /tokens/root.bg-disabled
multiselect · partdependency.role-color-interaction-disabled-bg—spec/components/multiselect.md:40 /tokens/dependency.role-color-interaction-disabled-bg
number-field · partroot.bg-disabled—spec/components/number-field.md:38 /tokens/root.bg-disabled
radio-group · partbox.bg-disabled—spec/components/radio-group.md:40 /tokens/box.bg-disabled
range · partdependency.role-color-interaction-disabled-bg—spec/components/range.md:34 /tokens/dependency.role-color-interaction-disabled-bg
repeater · partdependency.role-color-interaction-disabled-bg—spec/components/repeater.md:34 /tokens/dependency.role-color-interaction-disabled-bg
search-field · partroot.bg-disabled—spec/components/search-field.md:37 /tokens/root.bg-disabled
segmented-control · partdependency.role-color-interaction-disabled-bg—spec/components/segmented-control.md:38 /tokens/dependency.role-color-interaction-disabled-bg
select · partroot.bg-disabled—spec/components/select.md:41 /tokens/root.bg-disabled
switch · parttrack.bg-disabled—spec/components/switch.md:39 /tokens/track.bg-disabled
text-field · partroot.bg-disabled—spec/components/text-field.md:50 /tokens/root.bg-disabled
textarea · partroot.bg-disabled—spec/components/textarea.md:41 /tokens/root.bg-disabled
time-picker · partroot.bg-disabled—spec/components/time-picker.md:34 /tokens/root.bg-disabled

Relevant contrast declarations

heritage-ansi · heritage

Resolved value
#160b0b
Status
observed
Consumption
historical-only — Historical fidelity only; preserve all documented limitations and deprecations.
Decisions
None pending.
Source
tokens/semantic.tokens.json:353 /color/interaction/disabled/bg
Alias chain
color.primitive.ink.30
Used by aliases
No declared aliases depend on this role.

Provenance and restrictions

null

Declared component and port usage

Consumer / kindPart / variantState / surfaceSource declaration
admin-form · contrast—disabled · color.interaction.disabled.bgspec/components/admin-form.md:81 /contrast/11
admin-form · contrast—disabled · color.interaction.disabled.bgspec/components/admin-form.md:83 /contrast/13
button · contrast—disabled · color.interaction.disabled.bgspec/components/button.md:84 /contrast/17
button · contrast—disabled · color.interaction.disabled.bgspec/components/button.md:85 /contrast/18
checkbox · contrast—checked+disabled · color.interaction.disabled.bgspec/components/checkbox.md:66 /contrast/6
checkbox · contrast—disabled · color.interaction.disabled.bgspec/components/checkbox.md:67 /contrast/7
chip · contrast—disabled · color.interaction.disabled.bgspec/components/chip.md:55 /contrast/1
chip · contrast—disabled · color.interaction.disabled.bgspec/components/chip.md:56 /contrast/2
combobox · contrast—disabled · color.interaction.disabled.bgspec/components/combobox.md:77 /contrast/3
combobox · contrast—disabled · color.interaction.disabled.bgspec/components/combobox.md:78 /contrast/4
date-picker · contrast—disabled · color.interaction.disabled.bgspec/components/date-picker.md:88 /contrast/2
date-picker · contrast—disabled · color.interaction.disabled.bgspec/components/date-picker.md:94 /contrast/3
field · contrast—disabled · color.interaction.disabled.bgspec/components/field.md:40 /contrast/3
field · contrast—disabled · color.interaction.disabled.bgspec/components/field.md:41 /contrast/4
fieldset · contrast—disabled · color.interaction.disabled.bgspec/components/fieldset.md:38 /contrast/4
fieldset · contrast—disabled · color.interaction.disabled.bgspec/components/fieldset.md:39 /contrast/5
file-input · contrast—disabled · color.interaction.disabled.bgspec/components/file-input.md:68 /contrast/5
file-input · contrast—disabled · color.interaction.disabled.bgspec/components/file-input.md:69 /contrast/6
icon-button · contrast—disabled · color.interaction.disabled.bgspec/components/icon-button.md:48 /contrast/2
icon-button · contrast—disabled · color.interaction.disabled.bgspec/components/icon-button.md:49 /contrast/3
number-field · contrast—disabled · color.interaction.disabled.bgspec/components/number-field.md:65 /contrast/5
number-field · contrast—disabled · color.interaction.disabled.bgspec/components/number-field.md:66 /contrast/6
radio-group · contrast—disabled · color.interaction.disabled.bgspec/components/radio-group.md:63 /contrast/6
radio-group · contrast—disabled · color.interaction.disabled.bgspec/components/radio-group.md:64 /contrast/7
search-field · contrast—disabled · color.interaction.disabled.bgspec/components/search-field.md:65 /contrast/6
search-field · contrast—disabled · color.interaction.disabled.bgspec/components/search-field.md:66 /contrast/7
select · contrast—disabled · color.interaction.disabled.bgspec/components/select.md:68 /contrast/6
select · contrast—disabled · color.interaction.disabled.bgspec/components/select.md:69 /contrast/7
switch · contrast—disabled · color.interaction.disabled.bgspec/components/switch.md:60 /contrast/6
switch · contrast—disabled · color.interaction.disabled.bgspec/components/switch.md:62 /contrast/8
text-field · contrast—disabled · color.interaction.disabled.bgspec/components/text-field.md:78 /contrast/2
text-field · contrast—disabled · color.interaction.disabled.bgspec/components/text-field.md:79 /contrast/3
textarea · contrast—disabled · color.interaction.disabled.bgspec/components/textarea.md:67 /contrast/2
textarea · contrast—disabled · color.interaction.disabled.bgspec/components/textarea.md:68 /contrast/3
time-picker · contrast—disabled · color.interaction.disabled.bgspec/components/time-picker.md:66 /contrast/2
time-picker · contrast—disabled · color.interaction.disabled.bgspec/components/time-picker.md:72 /contrast/3
admin-form · partdisabled.bg—spec/components/admin-form.md:51 /tokens/disabled.bg
button-group · partdependency.role-color-interaction-disabled-bg—spec/components/button-group.md:33 /tokens/dependency.role-color-interaction-disabled-bg
button · partroot.bg-disabled—spec/components/button.md:57 /tokens/root.bg-disabled
checkbox · partbox.bg-disabled—spec/components/checkbox.md:42 /tokens/box.bg-disabled
chip · partroot.bg-disabled—spec/components/chip.md:40 /tokens/root.bg-disabled
combobox · partroot.bg-disabled—spec/components/combobox.md:43 /tokens/root.bg-disabled
date-picker · partroot.bg-disabled—spec/components/date-picker.md:39 /tokens/root.bg-disabled
disclosure · partdependency.role-color-interaction-disabled-bg—spec/components/disclosure.md:36 /tokens/dependency.role-color-interaction-disabled-bg
error-state · partdependency.role-color-interaction-disabled-bg—spec/components/error-state.md:36 /tokens/dependency.role-color-interaction-disabled-bg
field · partcontrol.bg-disabled—spec/components/field.md:28 /tokens/control.bg-disabled
fieldset · partfield.bg-disabled—spec/components/fieldset.md:27 /tokens/field.bg-disabled
file-input · partbutton.bg-disabled—spec/components/file-input.md:40 /tokens/button.bg-disabled
icon-button · partroot.bg-disabled—spec/components/icon-button.md:35 /tokens/root.bg-disabled
multiselect · partdependency.role-color-interaction-disabled-bg—spec/components/multiselect.md:40 /tokens/dependency.role-color-interaction-disabled-bg
number-field · partroot.bg-disabled—spec/components/number-field.md:38 /tokens/root.bg-disabled
radio-group · partbox.bg-disabled—spec/components/radio-group.md:40 /tokens/box.bg-disabled
range · partdependency.role-color-interaction-disabled-bg—spec/components/range.md:34 /tokens/dependency.role-color-interaction-disabled-bg
repeater · partdependency.role-color-interaction-disabled-bg—spec/components/repeater.md:34 /tokens/dependency.role-color-interaction-disabled-bg
search-field · partroot.bg-disabled—spec/components/search-field.md:37 /tokens/root.bg-disabled
segmented-control · partdependency.role-color-interaction-disabled-bg—spec/components/segmented-control.md:38 /tokens/dependency.role-color-interaction-disabled-bg
select · partroot.bg-disabled—spec/components/select.md:41 /tokens/root.bg-disabled
switch · parttrack.bg-disabled—spec/components/switch.md:39 /tokens/track.bg-disabled
text-field · partroot.bg-disabled—spec/components/text-field.md:50 /tokens/root.bg-disabled
textarea · partroot.bg-disabled—spec/components/textarea.md:41 /tokens/root.bg-disabled
time-picker · partroot.bg-disabled—spec/components/time-picker.md:34 /tokens/root.bg-disabled

Relevant contrast declarations

extended · proposed

Resolved value
#160b0b
Status
observed
Consumption
blocked — Proposed profile: preview only, not downstream delivery.
Decisions
None pending.
Source
tokens/semantic.tokens.json:353 /color/interaction/disabled/bg
Alias chain
color.primitive.ink.30
Used by aliases
No declared aliases depend on this role.

Provenance and restrictions

null

Declared component and port usage

Consumer / kindPart / variantState / surfaceSource declaration
admin-form · contrast—disabled · color.interaction.disabled.bgspec/components/admin-form.md:81 /contrast/11
admin-form · contrast—disabled · color.interaction.disabled.bgspec/components/admin-form.md:83 /contrast/13
button · contrast—disabled · color.interaction.disabled.bgspec/components/button.md:84 /contrast/17
button · contrast—disabled · color.interaction.disabled.bgspec/components/button.md:85 /contrast/18
checkbox · contrast—checked+disabled · color.interaction.disabled.bgspec/components/checkbox.md:66 /contrast/6
checkbox · contrast—disabled · color.interaction.disabled.bgspec/components/checkbox.md:67 /contrast/7
chip · contrast—disabled · color.interaction.disabled.bgspec/components/chip.md:55 /contrast/1
chip · contrast—disabled · color.interaction.disabled.bgspec/components/chip.md:56 /contrast/2
combobox · contrast—disabled · color.interaction.disabled.bgspec/components/combobox.md:77 /contrast/3
combobox · contrast—disabled · color.interaction.disabled.bgspec/components/combobox.md:78 /contrast/4
date-picker · contrast—disabled · color.interaction.disabled.bgspec/components/date-picker.md:88 /contrast/2
date-picker · contrast—disabled · color.interaction.disabled.bgspec/components/date-picker.md:94 /contrast/3
field · contrast—disabled · color.interaction.disabled.bgspec/components/field.md:40 /contrast/3
field · contrast—disabled · color.interaction.disabled.bgspec/components/field.md:41 /contrast/4
fieldset · contrast—disabled · color.interaction.disabled.bgspec/components/fieldset.md:38 /contrast/4
fieldset · contrast—disabled · color.interaction.disabled.bgspec/components/fieldset.md:39 /contrast/5
file-input · contrast—disabled · color.interaction.disabled.bgspec/components/file-input.md:68 /contrast/5
file-input · contrast—disabled · color.interaction.disabled.bgspec/components/file-input.md:69 /contrast/6
icon-button · contrast—disabled · color.interaction.disabled.bgspec/components/icon-button.md:48 /contrast/2
icon-button · contrast—disabled · color.interaction.disabled.bgspec/components/icon-button.md:49 /contrast/3
number-field · contrast—disabled · color.interaction.disabled.bgspec/components/number-field.md:65 /contrast/5
number-field · contrast—disabled · color.interaction.disabled.bgspec/components/number-field.md:66 /contrast/6
radio-group · contrast—disabled · color.interaction.disabled.bgspec/components/radio-group.md:63 /contrast/6
radio-group · contrast—disabled · color.interaction.disabled.bgspec/components/radio-group.md:64 /contrast/7
search-field · contrast—disabled · color.interaction.disabled.bgspec/components/search-field.md:65 /contrast/6
search-field · contrast—disabled · color.interaction.disabled.bgspec/components/search-field.md:66 /contrast/7
select · contrast—disabled · color.interaction.disabled.bgspec/components/select.md:68 /contrast/6
select · contrast—disabled · color.interaction.disabled.bgspec/components/select.md:69 /contrast/7
switch · contrast—disabled · color.interaction.disabled.bgspec/components/switch.md:60 /contrast/6
switch · contrast—disabled · color.interaction.disabled.bgspec/components/switch.md:62 /contrast/8
text-field · contrast—disabled · color.interaction.disabled.bgspec/components/text-field.md:78 /contrast/2
text-field · contrast—disabled · color.interaction.disabled.bgspec/components/text-field.md:79 /contrast/3
textarea · contrast—disabled · color.interaction.disabled.bgspec/components/textarea.md:67 /contrast/2
textarea · contrast—disabled · color.interaction.disabled.bgspec/components/textarea.md:68 /contrast/3
time-picker · contrast—disabled · color.interaction.disabled.bgspec/components/time-picker.md:66 /contrast/2
time-picker · contrast—disabled · color.interaction.disabled.bgspec/components/time-picker.md:72 /contrast/3
admin-form · partdisabled.bg—spec/components/admin-form.md:51 /tokens/disabled.bg
button-group · partdependency.role-color-interaction-disabled-bg—spec/components/button-group.md:33 /tokens/dependency.role-color-interaction-disabled-bg
button · partroot.bg-disabled—spec/components/button.md:57 /tokens/root.bg-disabled
checkbox · partbox.bg-disabled—spec/components/checkbox.md:42 /tokens/box.bg-disabled
chip · partroot.bg-disabled—spec/components/chip.md:40 /tokens/root.bg-disabled
combobox · partroot.bg-disabled—spec/components/combobox.md:43 /tokens/root.bg-disabled
date-picker · partroot.bg-disabled—spec/components/date-picker.md:39 /tokens/root.bg-disabled
disclosure · partdependency.role-color-interaction-disabled-bg—spec/components/disclosure.md:36 /tokens/dependency.role-color-interaction-disabled-bg
error-state · partdependency.role-color-interaction-disabled-bg—spec/components/error-state.md:36 /tokens/dependency.role-color-interaction-disabled-bg
field · partcontrol.bg-disabled—spec/components/field.md:28 /tokens/control.bg-disabled
fieldset · partfield.bg-disabled—spec/components/fieldset.md:27 /tokens/field.bg-disabled
file-input · partbutton.bg-disabled—spec/components/file-input.md:40 /tokens/button.bg-disabled
icon-button · partroot.bg-disabled—spec/components/icon-button.md:35 /tokens/root.bg-disabled
multiselect · partdependency.role-color-interaction-disabled-bg—spec/components/multiselect.md:40 /tokens/dependency.role-color-interaction-disabled-bg
number-field · partroot.bg-disabled—spec/components/number-field.md:38 /tokens/root.bg-disabled
radio-group · partbox.bg-disabled—spec/components/radio-group.md:40 /tokens/box.bg-disabled
range · partdependency.role-color-interaction-disabled-bg—spec/components/range.md:34 /tokens/dependency.role-color-interaction-disabled-bg
repeater · partdependency.role-color-interaction-disabled-bg—spec/components/repeater.md:34 /tokens/dependency.role-color-interaction-disabled-bg
search-field · partroot.bg-disabled—spec/components/search-field.md:37 /tokens/root.bg-disabled
segmented-control · partdependency.role-color-interaction-disabled-bg—spec/components/segmented-control.md:38 /tokens/dependency.role-color-interaction-disabled-bg
select · partroot.bg-disabled—spec/components/select.md:41 /tokens/root.bg-disabled
switch · parttrack.bg-disabled—spec/components/switch.md:39 /tokens/track.bg-disabled
text-field · partroot.bg-disabled—spec/components/text-field.md:50 /tokens/root.bg-disabled
textarea · partroot.bg-disabled—spec/components/textarea.md:41 /tokens/root.bg-disabled
time-picker · partroot.bg-disabled—spec/components/time-picker.md:34 /tokens/root.bg-disabled

Relevant contrast declarations

j3w1 / command

  • SPEC Overview
  • SPEC Foundations
  • SPEC Components
  • SPEC Patterns
  • SPEC Tokens
  • SPEC Tools
  • SPEC Implement
  • SPEC For agents
  • SPEC Ports
  • SPEC Releases
  • DEMO Vue application demo
  • SPEC Complete UI theme specification