J3W1 / DESIGN SYSTEM

color.text.default

Interface and body text.

Source revision 1faefcf014c8bf01a6b27308ea796da968773a81

Report an issue with this token

color.text.default

--color-text-default

default · approved

Resolved value: #e99499
Status: observed
Consumption: use — Use within the role's documented scope and restrictions.
Decisions: None pending.
Source: tokens/semantic.tokens.json:128 /color/text/default
Alias chain: color.primitive.rose.700
Used by aliases: No declared aliases depend on this role.

Provenance and restrictions

null

Declared component and port usage

Consumer / kind	Part / variant	State / surface	Source declaration
admin-form · contrast	—	invalid · color.status.danger.tint	spec/components/admin-form.md:76 `/contrast/6`
admin-form · contrast	—	— · color.status.info.tint	spec/components/admin-form.md:75 `/contrast/5`
alert · contrast	—	— · color.status.danger.tint	spec/components/alert.md:57 `/contrast/0`
alert · contrast	—	— · color.status.info.tint	spec/components/alert.md:66 `/contrast/9`
alert · contrast	—	— · color.status.neutral.tint	spec/components/alert.md:69 `/contrast/12`
alert · contrast	—	— · color.status.success.tint	spec/components/alert.md:63 `/contrast/6`
alert · contrast	—	— · color.status.warning.tint	spec/components/alert.md:60 `/contrast/3`
avatar · contrast	—	— · color.surface.default	spec/components/avatar.md:43 `/contrast/0`
button-group · contrast	—	— · color.surface.default	spec/components/button-group.md:48 `/contrast/0`
chart · contrast	—	— · color.surface.default	spec/components/chart.md:48 `/contrast/0`
checkbox · contrast	—	— · color.surface.default	spec/components/checkbox.md:60 `/contrast/0`
command-palette · contrast	—	— · color.surface.default	spec/components/command-palette.md:55 `/contrast/0`
compact-dashboard · contrast	—	— · color.surface.default	spec/components/compact-dashboard.md:49 `/contrast/0`
date-picker · contrast	—	— · color.surface.raised	spec/components/date-picker.md:108 `/contrast/5`
description-list · contrast	—	— · color.surface.default	spec/components/description-list.md:43 `/contrast/0`
diagnostics · contrast	—	hover · color.interaction.hover.bg	spec/components/diagnostics.md:92 `/contrast/19`
diagnostics · contrast	—	— · color.code.bg	spec/components/diagnostics.md:73 `/contrast/0`
diagnostics · contrast	—	— · color.diagnostic.error.bg	spec/components/diagnostics.md:74 `/contrast/1`
dialog · contrast	—	— · color.surface.input	spec/components/dialog.md:71 `/contrast/9`
diff-view · contrast	—	— · color.diff.added.bg	spec/components/diff-view.md:70 `/contrast/0`
diff-view · contrast	—	— · color.diff.header-bg	spec/components/diff-view.md:73 `/contrast/3`
diff-view · contrast	—	— · color.diff.modified.bg	spec/components/diff-view.md:72 `/contrast/2`
diff-view · contrast	—	— · color.diff.removed.bg	spec/components/diff-view.md:71 `/contrast/1`
disclosure · contrast	—	— · color.surface.default	spec/components/disclosure.md:50 `/contrast/0`
editor-search · contrast	—	— · color.surface.default	spec/components/editor-search.md:50 `/contrast/0`
error-state · contrast	—	— · color.surface.default	spec/components/error-state.md:52 `/contrast/0`
fieldset · contrast	—	— · color.surface.default	spec/components/fieldset.md:35 `/contrast/1`
file-browser · contrast	—	— · color.surface.default	spec/components/file-browser.md:51 `/contrast/0`
filterable-table · contrast	—	— · color.surface.chrome	spec/components/filterable-table.md:80 `/contrast/0`
form-builder · contrast	—	— · color.surface.default	spec/components/form-builder.md:26 `/contrast/0`
i3-window-frame · contrast	—	— · color.surface.chrome	spec/components/i3-window-frame.md:71 `/contrast/0`
kbd · contrast	—	— · color.surface.default	spec/components/kbd.md:41 `/contrast/0`
loading-indicator · contrast	—	— · color.surface.default	spec/components/loading-indicator.md:33 `/contrast/1`
multiselect · contrast	—	— · color.surface.default	spec/components/multiselect.md:67 `/contrast/0`
popover · contrast	—	— · color.surface.default	spec/components/popover.md:48 `/contrast/0`
radio-group · contrast	—	— · color.surface.default	spec/components/radio-group.md:57 `/contrast/0`
range · contrast	—	— · color.surface.default	spec/components/range.md:48 `/contrast/0`
repeater · contrast	—	— · color.surface.default	spec/components/repeater.md:49 `/contrast/0`
segmented-control · contrast	—	— · color.surface.default	spec/components/segmented-control.md:68 `/contrast/0`
select · contrast	—	— · color.surface.raised	spec/components/select.md:63 `/contrast/1`
skeleton · contrast	—	— · color.surface.default	spec/components/skeleton.md:44 `/contrast/0`
switch · contrast	—	hover · color.interaction.hover.bg	spec/components/switch.md:55 `/contrast/1`
switch · contrast	—	— · color.surface.default	spec/components/switch.md:58 `/contrast/4`
switch · contrast	—	— · color.surface.input	spec/components/switch.md:54 `/contrast/0`
timeline · contrast	—	— · color.surface.default	spec/components/timeline.md:44 `/contrast/0`
toast · contrast	—	— · color.status.info.tint	spec/components/toast.md:73 `/contrast/10`
toast · contrast	—	— · color.status.neutral.tint	spec/components/toast.md:76 `/contrast/13`
toast · contrast	—	— · color.status.success.tint	spec/components/toast.md:70 `/contrast/7`
toast · contrast	—	— · color.status.warning.tint	spec/components/toast.md:67 `/contrast/4`
tree · contrast	—	— · color.surface.default	spec/components/tree.md:54 `/contrast/0`
wizard · contrast	—	— · color.surface.default	spec/components/wizard.md:64 `/contrast/2`
Shared rule · contrast	—	— · color.diff.added.bg	spec/contrast.json:60 `/pairs/56`
Shared rule · contrast	—	— · color.diff.modified.bg	spec/contrast.json:62 `/pairs/58`
Shared rule · contrast	—	— · color.diff.removed.bg	spec/contrast.json:61 `/pairs/57`
Shared rule · contrast	—	— · color.surface.canvas	spec/contrast.json:4 `/pairs/0`
Shared rule · contrast	—	— · color.surface.default	spec/contrast.json:5 `/pairs/1`
Shared rule · contrast	—	— · color.surface.raised	spec/contrast.json:6 `/pairs/2`
admin-form · part	field.text	—	spec/components/admin-form.md:45 `/tokens/field.text`
admin-form · part	step.text	—	spec/components/admin-form.md:32 `/tokens/step.text`
alert · part	body.text	—	spec/components/alert.md:48 `/tokens/body.text`
avatar · part	root.text	—	spec/components/avatar.md:25 `/tokens/root.text`
breadcrumbs · part	ellipsis.text	—	spec/components/breadcrumbs.md:36 `/tokens/ellipsis.text`
button-group · part	root.text	—	spec/components/button-group.md:25 `/tokens/root.text`
card · part	body.text	—	spec/components/card.md:38 `/tokens/body.text`
chart · part	root.text	—	spec/components/chart.md:25 `/tokens/root.text`
chart · part	row.text	—	spec/components/chart.md:37 `/tokens/row.text`
checkbox · part	text.default	—	spec/components/checkbox.md:45 `/tokens/text.default`
chip · part	root.text	—	spec/components/chip.md:34 `/tokens/root.text`
combobox · part	input.text	—	spec/components/combobox.md:44 `/tokens/input.text`
combobox · part	option.text	—	spec/components/combobox.md:53 `/tokens/option.text`
command-palette · part	root.text	—	spec/components/command-palette.md:28 `/tokens/root.text`
compact-dashboard · part	root.text	—	spec/components/compact-dashboard.md:27 `/tokens/root.text`
data-table · part	row.text	—	spec/components/data-table.md:40 `/tokens/row.text`
date-picker · part	calendar.text	—	spec/components/date-picker.md:52 `/tokens/calendar.text`
date-picker · part	input.text	—	spec/components/date-picker.md:42 `/tokens/input.text`
description-list · part	root.text	—	spec/components/description-list.md:24 `/tokens/root.text`
diagnostics · part	code.text	—	spec/components/diagnostics.md:35 `/tokens/code.text`
diagnostics · part	row.text	—	spec/components/diagnostics.md:52 `/tokens/row.text`
dialog · part	text.text	—	spec/components/dialog.md:37 `/tokens/text.text`
diff-view · part	hunk.context	—	spec/components/diff-view.md:52 `/tokens/hunk.context`
diff-view · part	root.text	—	spec/components/diff-view.md:38 `/tokens/root.text`
disclosure · part	root.text	—	spec/components/disclosure.md:26 `/tokens/root.text`
drawer · part	item.text	—	spec/components/drawer.md:35 `/tokens/item.text`
drawer · part	text.text	—	spec/components/drawer.md:33 `/tokens/text.text`
editor-search · part	root.text	—	spec/components/editor-search.md:26 `/tokens/root.text`
error-state · part	root.text	—	spec/components/error-state.md:27 `/tokens/root.text`
field · part	root.text	—	spec/components/field.md:21 `/tokens/root.text`
fieldset · part	body.text	—	spec/components/fieldset.md:23 `/tokens/body.text`
file-browser · part	root.text	—	spec/components/file-browser.md:28 `/tokens/root.text`
file-input · part	list.text	—	spec/components/file-input.md:46 `/tokens/list.text`
filterable-table · part	chip.text	—	spec/components/filterable-table.md:47 `/tokens/chip.text`
filterable-table · part	filter.text	—	spec/components/filterable-table.md:41 `/tokens/filter.text`
filterable-table · part	pagination.text	—	spec/components/filterable-table.md:70 `/tokens/pagination.text`
filterable-table · part	row.text	—	spec/components/filterable-table.md:51 `/tokens/row.text`
filterable-table · part	search.text	—	spec/components/filterable-table.md:38 `/tokens/search.text`
form-builder · part	root.text	—	spec/components/form-builder.md:20 `/tokens/root.text`
i3-window-frame · part	bar.text	—	spec/components/i3-window-frame.md:35 `/tokens/bar.text`
i3-window-frame · part	workspace.text	—	spec/components/i3-window-frame.md:37 `/tokens/workspace.text`
kbd · part	root.text	—	spec/components/kbd.md:23 `/tokens/root.text`
list · part	row.text	—	spec/components/list.md:37 `/tokens/row.text`
loading-indicator · part	label.text	—	spec/components/loading-indicator.md:25 `/tokens/label.text`
menu · part	button.text	—	spec/components/menu.md:36 `/tokens/button.text`
menu · part	item.text	—	spec/components/menu.md:45 `/tokens/item.text`
multiselect · part	root.text	—	spec/components/multiselect.md:27 `/tokens/root.text`
number-field · part	input.text	—	spec/components/number-field.md:41 `/tokens/input.text`
pagination · part	link.text	—	spec/components/pagination.md:29 `/tokens/link.text`
pagination · part	status.text	—	spec/components/pagination.md:38 `/tokens/status.text`
popover · part	root.text	—	spec/components/popover.md:26 `/tokens/root.text`
progress · part	value.text	—	spec/components/progress.md:35 `/tokens/value.text`
radio-group · part	text.default	—	spec/components/radio-group.md:43 `/tokens/text.default`
range · part	root.text	—	spec/components/range.md:25 `/tokens/root.text`
repeater · part	root.text	—	spec/components/repeater.md:26 `/tokens/root.text`
search-field · part	input.text	—	spec/components/search-field.md:38 `/tokens/input.text`
segmented-control · part	root.text	—	spec/components/segmented-control.md:26 `/tokens/root.text`
select · part	control.text	—	spec/components/select.md:42 `/tokens/control.text`
select · part	option.text	—	spec/components/select.md:46 `/tokens/option.text`
settings-panel · part	control.text	—	spec/components/settings-panel.md:41 `/tokens/control.text`
settings-panel · part	nav.text	—	spec/components/settings-panel.md:31 `/tokens/nav.text`
sidebar-nav · part	link.text	—	spec/components/sidebar-nav.md:37 `/tokens/link.text`
skeleton · part	root.text	—	spec/components/skeleton.md:25 `/tokens/root.text`
switch · part	name.text	—	spec/components/switch.md:44 `/tokens/name.text`
switch · part	thumb.bg	—	spec/components/switch.md:41 `/tokens/thumb.bg`
table · part	row.text	—	spec/components/table.md:44 `/tokens/row.text`
tabs · part	panel.text	—	spec/components/tabs.md:42 `/tokens/panel.text`
tabs · part	tab.text	—	spec/components/tabs.md:33 `/tokens/tab.text`
text-field · part	input.text	—	spec/components/text-field.md:52 `/tokens/input.text`
textarea · part	input.text	—	spec/components/textarea.md:44 `/tokens/input.text`
time-picker · part	input.text	—	spec/components/time-picker.md:35 `/tokens/input.text`
timeline · part	root.text	—	spec/components/timeline.md:24 `/tokens/root.text`
toast · part	root.text	—	spec/components/toast.md:31 `/tokens/root.text`
toolbar · part	button.text	—	spec/components/toolbar.md:31 `/tokens/button.text`
tooltip · part	popup.text	—	spec/components/tooltip.md:30 `/tokens/popup.text`
tree · part	root.text	—	spec/components/tree.md:29 `/tokens/root.text`
wizard · part	step.text	—	spec/components/wizard.md:30 `/tokens/step.text`
wizard · part	text.text	—	spec/components/wizard.md:42 `/tokens/text.text`
code-editor · prose	—	—	spec/components/code-editor.md:136 `body`
admin-form · state	fg	default · color.surface.input	spec/components/admin-form.md:66 `/stateTokens/default/fg`
avatar · state	fg	default · color.surface.default	spec/components/avatar.md:39 `/stateTokens/default/fg`
breadcrumbs · state	fg	truncated · color.surface.default	spec/components/breadcrumbs.md:43 `/stateTokens/truncated/fg`
button-group · state	fg	default · color.surface.default	spec/components/button-group.md:44 `/stateTokens/default/fg`
card · state	fg	default · color.surface.default	spec/components/card.md:44 `/stateTokens/default/fg`
card · state	fg	focus-visible · color.surface.default	spec/components/card.md:46 `/stateTokens/focus-visible/fg`
card · state	fg	hover · color.interaction.hover.bg	spec/components/card.md:45 `/stateTokens/hover/fg`
chart · state	fg	default · color.surface.default	spec/components/chart.md:44 `/stateTokens/default/fg`
chip · state	fg	default · color.surface.default	spec/components/chip.md:48 `/stateTokens/default/fg`
chip · state	fg	focus-visible · color.surface.default	spec/components/chip.md:50 `/stateTokens/focus-visible/fg`
chip · state	fg	hover · color.interaction.hover.bg	spec/components/chip.md:49 `/stateTokens/hover/fg`
combobox · state	fg	default · color.surface.input	spec/components/combobox.md:65 `/stateTokens/default/fg`
combobox · state	fg	focus-visible · color.surface.input	spec/components/combobox.md:67 `/stateTokens/focus-visible/fg`
combobox · state	fg	invalid · color.surface.input	spec/components/combobox.md:70 `/stateTokens/invalid/fg`
combobox · state	fg	invalid+focus-visible · color.surface.input	spec/components/combobox.md:71 `/stateTokens/invalid+focus-visible/fg`
combobox · state	fg	open · color.surface.raised	spec/components/combobox.md:68 `/stateTokens/open/fg`
command-palette · state	fg	default · color.surface.default	spec/components/command-palette.md:51 `/stateTokens/default/fg`
compact-dashboard · state	fg	default · color.surface.default	spec/components/compact-dashboard.md:45 `/stateTokens/default/fg`
data-table · state	fg	default · color.surface.default	spec/components/data-table.md:56 `/stateTokens/default/fg`
data-table · state	fg	focus-visible · color.surface.default	spec/components/data-table.md:58 `/stateTokens/focus-visible/fg`
data-table · state	fg	hover · color.interaction.hover.bg	spec/components/data-table.md:57 `/stateTokens/hover/fg`
date-picker · state	fg	default · color.surface.input	spec/components/date-picker.md:57 `/stateTokens/default/fg`
date-picker · state	fg	focus-visible · color.surface.input	spec/components/date-picker.md:65 `/stateTokens/focus-visible/fg`
date-picker · state	fg	hover · color.interaction.hover.bg	spec/components/date-picker.md:61 `/stateTokens/hover/fg`
date-picker · state	fg	invalid · color.surface.input	spec/components/date-picker.md:70 `/stateTokens/invalid/fg`
date-picker · state	fg	invalid+focus-visible · color.surface.input	spec/components/date-picker.md:74 `/stateTokens/invalid+focus-visible/fg`
date-picker · state	fg	read-only · color.surface.canvas	spec/components/date-picker.md:79 `/stateTokens/read-only/fg`
description-list · state	fg	default · color.surface.default	spec/components/description-list.md:39 `/stateTokens/default/fg`
diagnostics · state	fg	default · color.surface.default	spec/components/diagnostics.md:65 `/stateTokens/default/fg`
diagnostics · state	fg	focus-visible · color.surface.default	spec/components/diagnostics.md:67 `/stateTokens/focus-visible/fg`
diagnostics · state	fg	hover · color.interaction.hover.bg	spec/components/diagnostics.md:66 `/stateTokens/hover/fg`
dialog · state	fg	default · color.surface.overlay	spec/components/dialog.md:55 `/stateTokens/default/fg`
dialog · state	fg	focus-trapped · color.surface.overlay	spec/components/dialog.md:57 `/stateTokens/focus-trapped/fg`
dialog · state	fg	open · color.surface.overlay	spec/components/dialog.md:56 `/stateTokens/open/fg`
dialog · state	fg	reduced-motion · color.surface.overlay	spec/components/dialog.md:60 `/stateTokens/reduced-motion/fg`
diff-view · state	fg	default · color.code.bg	spec/components/diff-view.md:63 `/stateTokens/default/fg`
diff-view · state	fg	focus-visible · color.code.bg	spec/components/diff-view.md:66 `/stateTokens/focus-visible/fg`
diff-view · state	fg	hover · color.interaction.hover.bg	spec/components/diff-view.md:64 `/stateTokens/hover/fg`
disclosure · state	fg	default · color.surface.default	spec/components/disclosure.md:46 `/stateTokens/default/fg`
drawer · state	fg	default · color.surface.overlay	spec/components/drawer.md:43 `/stateTokens/default/fg`
drawer · state	fg	focus-trapped · color.surface.overlay	spec/components/drawer.md:45 `/stateTokens/focus-trapped/fg`
drawer · state	fg	open · color.surface.overlay	spec/components/drawer.md:44 `/stateTokens/open/fg`
drawer · state	fg	reduced-motion · color.surface.overlay	spec/components/drawer.md:46 `/stateTokens/reduced-motion/fg`
editor-search · state	fg	default · color.surface.default	spec/components/editor-search.md:46 `/stateTokens/default/fg`
error-state · state	fg	default · color.surface.default	spec/components/error-state.md:48 `/stateTokens/default/fg`
file-browser · state	fg	default · color.surface.default	spec/components/file-browser.md:47 `/stateTokens/default/fg`
file-input · state	fg	drop-target · color.interaction.marquee	spec/components/file-input.md:60 `/stateTokens/drop-target/fg`
filterable-table · state	fg	default · color.surface.default	spec/components/filterable-table.md:74 `/stateTokens/default/fg`
filterable-table · state	fg	focus-visible · color.surface.default	spec/components/filterable-table.md:76 `/stateTokens/focus-visible/fg`
filterable-table · state	fg	hover · color.interaction.hover.bg	spec/components/filterable-table.md:75 `/stateTokens/hover/fg`
form-builder · state	fg	default · color.surface.default	spec/components/form-builder.md:24 `/stateTokens/default/fg`
kbd · state	fg	default · color.surface.default	spec/components/kbd.md:37 `/stateTokens/default/fg`
list · state	fg	default · color.surface.default	spec/components/list.md:50 `/stateTokens/default/fg`
list · state	fg	focus-visible · color.surface.default	spec/components/list.md:52 `/stateTokens/focus-visible/fg`
list · state	fg	hover · color.interaction.hover.bg	spec/components/list.md:51 `/stateTokens/hover/fg`
loading-indicator · state	fg	default · color.surface.canvas	spec/components/loading-indicator.md:29 `/stateTokens/default/fg`
loading-indicator · state	fg	reduced-motion · color.surface.canvas	spec/components/loading-indicator.md:30 `/stateTokens/reduced-motion/fg`
menu · state	fg	closed · color.surface.default	spec/components/menu.md:61 `/stateTokens/closed/fg`
menu · state	fg	default · color.surface.raised	spec/components/menu.md:57 `/stateTokens/default/fg`
menu · state	fg	focus-visible · color.surface.default	spec/components/menu.md:59 `/stateTokens/focus-visible/fg`
menu · state	fg	open · color.interaction.pressed.bg	spec/components/menu.md:60 `/stateTokens/open/fg`
multiselect · state	fg	default · color.surface.default	spec/components/multiselect.md:63 `/stateTokens/default/fg`
number-field · state	fg	default · color.surface.input	spec/components/number-field.md:53 `/stateTokens/default/fg`
number-field · state	fg	focus-visible · color.surface.input	spec/components/number-field.md:55 `/stateTokens/focus-visible/fg`
number-field · state	fg	hover · color.interaction.hover.bg	spec/components/number-field.md:54 `/stateTokens/hover/fg`
number-field · state	fg	invalid · color.surface.input	spec/components/number-field.md:56 `/stateTokens/invalid/fg`
number-field · state	fg	invalid+focus-visible · color.surface.input	spec/components/number-field.md:57 `/stateTokens/invalid+focus-visible/fg`
number-field · state	fg	read-only · color.surface.canvas	spec/components/number-field.md:58 `/stateTokens/read-only/fg`
pagination · state	fg	default · color.surface.default	spec/components/pagination.md:41 `/stateTokens/default/fg`
pagination · state	fg	focus-visible · color.surface.default	spec/components/pagination.md:43 `/stateTokens/focus-visible/fg`
pagination · state	fg	hover · color.interaction.hover.bg	spec/components/pagination.md:42 `/stateTokens/hover/fg`
popover · state	fg	default · color.surface.default	spec/components/popover.md:44 `/stateTokens/default/fg`
progress · state	fg	default · color.surface.canvas	spec/components/progress.md:39 `/stateTokens/default/fg`
range · state	fg	default · color.surface.default	spec/components/range.md:44 `/stateTokens/default/fg`
repeater · state	fg	default · color.surface.default	spec/components/repeater.md:45 `/stateTokens/default/fg`
search-field · state	fg	default · color.surface.input	spec/components/search-field.md:52 `/stateTokens/default/fg`
search-field · state	fg	focus-visible · color.surface.input	spec/components/search-field.md:54 `/stateTokens/focus-visible/fg`
search-field · state	fg	hover · color.interaction.hover.bg	spec/components/search-field.md:53 `/stateTokens/hover/fg`
search-field · state	fg	loading · color.surface.input	spec/components/search-field.md:56 `/stateTokens/loading/fg`
search-field · state	fg	no-results · color.surface.input	spec/components/search-field.md:57 `/stateTokens/no-results/fg`
segmented-control · state	fg	default · color.surface.default	spec/components/segmented-control.md:64 `/stateTokens/default/fg`
select · state	fg	default · color.surface.input	spec/components/select.md:55 `/stateTokens/default/fg`
select · state	fg	focus-visible · color.surface.input	spec/components/select.md:57 `/stateTokens/focus-visible/fg`
select · state	fg	hover · color.interaction.hover.bg	spec/components/select.md:56 `/stateTokens/hover/fg`
select · state	fg	invalid · color.surface.input	spec/components/select.md:59 `/stateTokens/invalid/fg`
select · state	fg	invalid+focus-visible · color.surface.input	spec/components/select.md:60 `/stateTokens/invalid+focus-visible/fg`
select · state	fg	required · color.surface.input	spec/components/select.md:58 `/stateTokens/required/fg`
settings-panel · state	fg	default · color.surface.default	spec/components/settings-panel.md:54 `/stateTokens/default/fg`
settings-panel · state	fg	focus-visible · color.surface.input	spec/components/settings-panel.md:55 `/stateTokens/focus-visible/fg`
settings-panel · state	fg	invalid · color.surface.input	spec/components/settings-panel.md:56 `/stateTokens/invalid/fg`
sidebar-nav · state	fg	collapsed · color.surface.default	spec/components/sidebar-nav.md:59 `/stateTokens/collapsed/fg`
sidebar-nav · state	fg	default · color.surface.default	spec/components/sidebar-nav.md:52 `/stateTokens/default/fg`
sidebar-nav · state	fg	expanded · color.surface.default	spec/components/sidebar-nav.md:58 `/stateTokens/expanded/fg`
sidebar-nav · state	fg	focus-visible · color.surface.default	spec/components/sidebar-nav.md:54 `/stateTokens/focus-visible/fg`
sidebar-nav · state	fg	hover · color.interaction.hover.bg	spec/components/sidebar-nav.md:53 `/stateTokens/hover/fg`
skeleton · state	fg	default · color.surface.default	spec/components/skeleton.md:40 `/stateTokens/default/fg`
table · state	fg	default · color.surface.default	spec/components/table.md:56 `/stateTokens/default/fg`
table · state	fg	hover · color.interaction.hover.bg	spec/components/table.md:57 `/stateTokens/hover/fg`
tabs · state	fg	default · color.surface.default	spec/components/tabs.md:44 `/stateTokens/default/fg`
tabs · state	fg	focus-visible · color.surface.default	spec/components/tabs.md:46 `/stateTokens/focus-visible/fg`
tabs · state	fg	hover · color.interaction.hover.bg	spec/components/tabs.md:45 `/stateTokens/hover/fg`
text-field · state	fg	default · color.surface.input	spec/components/text-field.md:68 `/stateTokens/default/fg`
text-field · state	fg	focus-visible · color.surface.input	spec/components/text-field.md:70 `/stateTokens/focus-visible/fg`
text-field · state	fg	hover · color.interaction.hover.bg	spec/components/text-field.md:69 `/stateTokens/hover/fg`
text-field · state	fg	invalid · color.surface.input	spec/components/text-field.md:72 `/stateTokens/invalid/fg`
text-field · state	fg	invalid+focus-visible · color.surface.input	spec/components/text-field.md:73 `/stateTokens/invalid+focus-visible/fg`
text-field · state	fg	read-only · color.surface.canvas	spec/components/text-field.md:74 `/stateTokens/read-only/fg`
textarea · state	fg	default · color.surface.input	spec/components/textarea.md:57 `/stateTokens/default/fg`
textarea · state	fg	focus-visible · color.surface.input	spec/components/textarea.md:59 `/stateTokens/focus-visible/fg`
textarea · state	fg	hover · color.interaction.hover.bg	spec/components/textarea.md:58 `/stateTokens/hover/fg`
textarea · state	fg	invalid · color.surface.input	spec/components/textarea.md:61 `/stateTokens/invalid/fg`
textarea · state	fg	invalid+focus-visible · color.surface.input	spec/components/textarea.md:62 `/stateTokens/invalid+focus-visible/fg`
textarea · state	fg	read-only · color.surface.canvas	spec/components/textarea.md:63 `/stateTokens/read-only/fg`
time-picker · state	fg	default · color.surface.input	spec/components/time-picker.md:43 `/stateTokens/default/fg`
time-picker · state	fg	focus-visible · color.surface.input	spec/components/time-picker.md:51 `/stateTokens/focus-visible/fg`
time-picker · state	fg	hover · color.interaction.hover.bg	spec/components/time-picker.md:47 `/stateTokens/hover/fg`
time-picker · state	fg	invalid · color.surface.input	spec/components/time-picker.md:56 `/stateTokens/invalid/fg`
timeline · state	fg	default · color.surface.default	spec/components/timeline.md:40 `/stateTokens/default/fg`
toast · state	fg	default · color.surface.canvas	spec/components/toast.md:57 `/stateTokens/default/fg`
toast · state	fg	reduced-motion · color.surface.canvas	spec/components/toast.md:61 `/stateTokens/reduced-motion/fg`
toolbar · state	fg	default · color.surface.chrome	spec/components/toolbar.md:42 `/stateTokens/default/fg`
toolbar · state	fg	focus-visible · color.surface.chrome	spec/components/toolbar.md:44 `/stateTokens/focus-visible/fg`
toolbar · state	fg	hover · color.interaction.hover.bg	spec/components/toolbar.md:43 `/stateTokens/hover/fg`
tooltip · state	fg	default · color.surface.raised	spec/components/tooltip.md:38 `/stateTokens/default/fg`
tooltip · state	fg	open · color.surface.raised	spec/components/tooltip.md:41 `/stateTokens/open/fg`
tree · state	fg	default · color.surface.default	spec/components/tree.md:50 `/stateTokens/default/fg`
wizard · state	fg	default · color.surface.canvas	spec/components/wizard.md:55 `/stateTokens/default/fg`
wizard · state	fg	hover · color.interaction.hover.bg	spec/components/wizard.md:56 `/stateTokens/hover/fg`

Relevant contrast declarations

code text: color.text.default on color.code.bg · spec/components/diagnostics.md:73 /contrast/0
diff-view default fg: color.text.default on color.code.bg · spec/components/diff-view.md:63 /stateTokens/default
diff-view focus-visible fg: color.text.default on color.code.bg · spec/components/diff-view.md:66 /stateTokens/focus-visible
code text on the error line: color.text.default on color.diagnostic.error.bg · spec/components/diagnostics.md:74 /contrast/1
default text on added-line background: color.text.default on color.diff.added.bg · spec/contrast.json:60 /pairs/56
text on an added row: color.text.default on color.diff.added.bg · spec/components/diff-view.md:70 /contrast/0
hunk context on the header: color.text.default on color.diff.header-bg · spec/components/diff-view.md:73 /contrast/3
default text on modified-line background: color.text.default on color.diff.modified.bg · spec/contrast.json:62 /pairs/58
text on a modified row: color.text.default on color.diff.modified.bg · spec/components/diff-view.md:72 /contrast/2
default text on removed-line background: color.text.default on color.diff.removed.bg · spec/contrast.json:61 /pairs/57
text on a removed row: color.text.default on color.diff.removed.bg · spec/components/diff-view.md:71 /contrast/1
card hover fg: color.text.default on color.interaction.hover.bg · spec/components/card.md:45 /stateTokens/hover
chip hover fg: color.text.default on color.interaction.hover.bg · spec/components/chip.md:49 /stateTokens/hover
data-table hover fg: color.text.default on color.interaction.hover.bg · spec/components/data-table.md:57 /stateTokens/hover
date-picker hover fg: color.text.default on color.interaction.hover.bg · spec/components/date-picker.md:61 /stateTokens/hover
diagnostics hover fg: color.text.default on color.interaction.hover.bg · spec/components/diagnostics.md:66 /stateTokens/hover
diff-view hover fg: color.text.default on color.interaction.hover.bg · spec/components/diff-view.md:64 /stateTokens/hover
filterable-table hover fg: color.text.default on color.interaction.hover.bg · spec/components/filterable-table.md:75 /stateTokens/hover
list hover fg: color.text.default on color.interaction.hover.bg · spec/components/list.md:51 /stateTokens/hover
number-field hover fg: color.text.default on color.interaction.hover.bg · spec/components/number-field.md:54 /stateTokens/hover
pagination hover fg: color.text.default on color.interaction.hover.bg · spec/components/pagination.md:42 /stateTokens/hover
row text on hover: color.text.default on color.interaction.hover.bg · spec/components/diagnostics.md:92 /contrast/19
search-field hover fg: color.text.default on color.interaction.hover.bg · spec/components/search-field.md:53 /stateTokens/hover
select hover fg: color.text.default on color.interaction.hover.bg · spec/components/select.md:56 /stateTokens/hover
sidebar-nav hover fg: color.text.default on color.interaction.hover.bg · spec/components/sidebar-nav.md:53 /stateTokens/hover
table hover fg: color.text.default on color.interaction.hover.bg · spec/components/table.md:57 /stateTokens/hover
tabs hover fg: color.text.default on color.interaction.hover.bg · spec/components/tabs.md:45 /stateTokens/hover
text-field hover fg: color.text.default on color.interaction.hover.bg · spec/components/text-field.md:69 /stateTokens/hover
textarea hover fg: color.text.default on color.interaction.hover.bg · spec/components/textarea.md:58 /stateTokens/hover
thumb on the hovered off track: color.text.default on color.interaction.hover.bg · spec/components/switch.md:55 /contrast/1
time-picker hover fg: color.text.default on color.interaction.hover.bg · spec/components/time-picker.md:47 /stateTokens/hover
toolbar hover fg: color.text.default on color.interaction.hover.bg · spec/components/toolbar.md:43 /stateTokens/hover
wizard hover fg: color.text.default on color.interaction.hover.bg · spec/components/wizard.md:56 /stateTokens/hover
file-input drop-target fg: color.text.default on color.interaction.marquee · spec/components/file-input.md:60 /stateTokens/drop-target
menu open fg: color.text.default on color.interaction.pressed.bg · spec/components/menu.md:60 /stateTokens/open
body text on the danger tint: color.text.default on color.status.danger.tint · spec/components/alert.md:57 /contrast/0
summary text on the danger tint: color.text.default on color.status.danger.tint · spec/components/admin-form.md:76 /contrast/6
body text on the info tint: color.text.default on color.status.info.tint · spec/components/alert.md:66 /contrast/9
notice text on its tint: color.text.default on color.status.info.tint · spec/components/admin-form.md:75 /contrast/5
text on the info tint: color.text.default on color.status.info.tint · spec/components/toast.md:73 /contrast/10
body text on the neutral tint: color.text.default on color.status.neutral.tint · spec/components/alert.md:69 /contrast/12
text on the neutral tint: color.text.default on color.status.neutral.tint · spec/components/toast.md:76 /contrast/13
body text on the success tint: color.text.default on color.status.success.tint · spec/components/alert.md:63 /contrast/6
text on the success tint: color.text.default on color.status.success.tint · spec/components/toast.md:70 /contrast/7
body text on the warning tint: color.text.default on color.status.warning.tint · spec/components/alert.md:60 /contrast/3
text on the warning tint: color.text.default on color.status.warning.tint · spec/components/toast.md:67 /contrast/4
date-picker read-only fg: color.text.default on color.surface.canvas · spec/components/date-picker.md:79 /stateTokens/read-only
default text on canvas: color.text.default on color.surface.canvas · spec/contrast.json:4 /pairs/0
loading-indicator default fg: color.text.default on color.surface.canvas · spec/components/loading-indicator.md:29 /stateTokens/default
loading-indicator reduced-motion fg: color.text.default on color.surface.canvas · spec/components/loading-indicator.md:30 /stateTokens/reduced-motion
number-field read-only fg: color.text.default on color.surface.canvas · spec/components/number-field.md:58 /stateTokens/read-only
progress default fg: color.text.default on color.surface.canvas · spec/components/progress.md:39 /stateTokens/default
text-field read-only fg: color.text.default on color.surface.canvas · spec/components/text-field.md:74 /stateTokens/read-only
textarea read-only fg: color.text.default on color.surface.canvas · spec/components/textarea.md:63 /stateTokens/read-only
toast default fg: color.text.default on color.surface.canvas · spec/components/toast.md:57 /stateTokens/default
toast reduced-motion fg: color.text.default on color.surface.canvas · spec/components/toast.md:61 /stateTokens/reduced-motion
wizard default fg: color.text.default on color.surface.canvas · spec/components/wizard.md:55 /stateTokens/default
toolbar controls on the chrome surface: color.text.default on color.surface.chrome · spec/components/filterable-table.md:80 /contrast/0
toolbar default fg: color.text.default on color.surface.chrome · spec/components/toolbar.md:42 /stateTokens/default
toolbar focus-visible fg: color.text.default on color.surface.chrome · spec/components/toolbar.md:44 /stateTokens/focus-visible
workspace names and status text on the bar: color.text.default on color.surface.chrome · spec/components/i3-window-frame.md:71 /contrast/0
avatar default fg: color.text.default on color.surface.default · spec/components/avatar.md:39 /stateTokens/default
block label on the panel surface: color.text.default on color.surface.default · spec/components/loading-indicator.md:33 /contrast/1
breadcrumbs truncated fg: color.text.default on color.surface.default · spec/components/breadcrumbs.md:43 /stateTokens/truncated
button-group default fg: color.text.default on color.surface.default · spec/components/button-group.md:44 /stateTokens/default
card default fg: color.text.default on color.surface.default · spec/components/card.md:44 /stateTokens/default
card focus-visible fg: color.text.default on color.surface.default · spec/components/card.md:46 /stateTokens/focus-visible
chart default fg: color.text.default on color.surface.default · spec/components/chart.md:44 /stateTokens/default
chip default fg: color.text.default on color.surface.default · spec/components/chip.md:48 /stateTokens/default
chip focus-visible fg: color.text.default on color.surface.default · spec/components/chip.md:50 /stateTokens/focus-visible
command-palette default fg: color.text.default on color.surface.default · spec/components/command-palette.md:51 /stateTokens/default
compact-dashboard default fg: color.text.default on color.surface.default · spec/components/compact-dashboard.md:45 /stateTokens/default
data-table default fg: color.text.default on color.surface.default · spec/components/data-table.md:56 /stateTokens/default
data-table focus-visible fg: color.text.default on color.surface.default · spec/components/data-table.md:58 /stateTokens/focus-visible
default text on default surface: color.text.default on color.surface.default · spec/contrast.json:5 /pairs/1
description-list default fg: color.text.default on color.surface.default · spec/components/description-list.md:39 /stateTokens/default
diagnostics default fg: color.text.default on color.surface.default · spec/components/diagnostics.md:65 /stateTokens/default
diagnostics focus-visible fg: color.text.default on color.surface.default · spec/components/diagnostics.md:67 /stateTokens/focus-visible
disclosure default fg: color.text.default on color.surface.default · spec/components/disclosure.md:46 /stateTokens/default
Editor text: color.text.default on color.surface.default · spec/components/form-builder.md:26 /contrast/0
editor-search default fg: color.text.default on color.surface.default · spec/components/editor-search.md:46 /stateTokens/default
error-state default fg: color.text.default on color.surface.default · spec/components/error-state.md:48 /stateTokens/default
field labels inside the group: color.text.default on color.surface.default · spec/components/fieldset.md:35 /contrast/1
file-browser default fg: color.text.default on color.surface.default · spec/components/file-browser.md:47 /stateTokens/default
filterable-table default fg: color.text.default on color.surface.default · spec/components/filterable-table.md:74 /stateTokens/default
filterable-table focus-visible fg: color.text.default on color.surface.default · spec/components/filterable-table.md:76 /stateTokens/focus-visible
form-builder default fg: color.text.default on color.surface.default · spec/components/form-builder.md:24 /stateTokens/default
kbd default fg: color.text.default on color.surface.default · spec/components/kbd.md:37 /stateTokens/default
list default fg: color.text.default on color.surface.default · spec/components/list.md:50 /stateTokens/default
list focus-visible fg: color.text.default on color.surface.default · spec/components/list.md:52 /stateTokens/focus-visible
menu closed fg: color.text.default on color.surface.default · spec/components/menu.md:61 /stateTokens/closed
menu focus-visible fg: color.text.default on color.surface.default · spec/components/menu.md:59 /stateTokens/focus-visible
multiselect default fg: color.text.default on color.surface.default · spec/components/multiselect.md:63 /stateTokens/default
option text on the panel surface: color.text.default on color.surface.default · spec/components/checkbox.md:60 /contrast/0
option text on the panel surface: color.text.default on color.surface.default · spec/components/radio-group.md:57 /contrast/0
pagination default fg: color.text.default on color.surface.default · spec/components/pagination.md:41 /stateTokens/default
pagination focus-visible fg: color.text.default on color.surface.default · spec/components/pagination.md:43 /stateTokens/focus-visible
panel text on the panel surface: color.text.default on color.surface.default · spec/components/wizard.md:64 /contrast/2
popover default fg: color.text.default on color.surface.default · spec/components/popover.md:44 /stateTokens/default
Primary content: color.text.default on color.surface.default · spec/components/avatar.md:43 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/button-group.md:48 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/chart.md:48 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/command-palette.md:55 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/compact-dashboard.md:49 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/description-list.md:43 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/disclosure.md:50 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/editor-search.md:50 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/error-state.md:52 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/file-browser.md:51 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/kbd.md:41 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/multiselect.md:67 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/popover.md:48 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/range.md:48 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/repeater.md:49 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/segmented-control.md:68 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/skeleton.md:44 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/timeline.md:44 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/tree.md:54 /contrast/0
range default fg: color.text.default on color.surface.default · spec/components/range.md:44 /stateTokens/default
repeater default fg: color.text.default on color.surface.default · spec/components/repeater.md:45 /stateTokens/default
segmented-control default fg: color.text.default on color.surface.default · spec/components/segmented-control.md:64 /stateTokens/default
settings-panel default fg: color.text.default on color.surface.default · spec/components/settings-panel.md:54 /stateTokens/default
sidebar-nav collapsed fg: color.text.default on color.surface.default · spec/components/sidebar-nav.md:59 /stateTokens/collapsed
sidebar-nav default fg: color.text.default on color.surface.default · spec/components/sidebar-nav.md:52 /stateTokens/default
sidebar-nav expanded fg: color.text.default on color.surface.default · spec/components/sidebar-nav.md:58 /stateTokens/expanded
sidebar-nav focus-visible fg: color.text.default on color.surface.default · spec/components/sidebar-nav.md:54 /stateTokens/focus-visible
skeleton default fg: color.text.default on color.surface.default · spec/components/skeleton.md:40 /stateTokens/default
table default fg: color.text.default on color.surface.default · spec/components/table.md:56 /stateTokens/default
tabs default fg: color.text.default on color.surface.default · spec/components/tabs.md:44 /stateTokens/default
tabs focus-visible fg: color.text.default on color.surface.default · spec/components/tabs.md:46 /stateTokens/focus-visible
timeline default fg: color.text.default on color.surface.default · spec/components/timeline.md:40 /stateTokens/default
tree default fg: color.text.default on color.surface.default · spec/components/tree.md:50 /stateTokens/default
visible name on the panel surface: color.text.default on color.surface.default · spec/components/switch.md:58 /contrast/4
admin-form default fg: color.text.default on color.surface.input · spec/components/admin-form.md:66 /stateTokens/default
combobox default fg: color.text.default on color.surface.input · spec/components/combobox.md:65 /stateTokens/default
combobox focus-visible fg: color.text.default on color.surface.input · spec/components/combobox.md:67 /stateTokens/focus-visible
combobox invalid fg: color.text.default on color.surface.input · spec/components/combobox.md:70 /stateTokens/invalid
combobox invalid+focus-visible fg: color.text.default on color.surface.input · spec/components/combobox.md:71 /stateTokens/invalid+focus-visible
date-picker default fg: color.text.default on color.surface.input · spec/components/date-picker.md:57 /stateTokens/default
date-picker focus-visible fg: color.text.default on color.surface.input · spec/components/date-picker.md:65 /stateTokens/focus-visible
date-picker invalid fg: color.text.default on color.surface.input · spec/components/date-picker.md:70 /stateTokens/invalid
date-picker invalid+focus-visible fg: color.text.default on color.surface.input · spec/components/date-picker.md:74 /stateTokens/invalid+focus-visible
form field text: color.text.default on color.surface.input · spec/components/dialog.md:71 /contrast/9
number-field default fg: color.text.default on color.surface.input · spec/components/number-field.md:53 /stateTokens/default
number-field focus-visible fg: color.text.default on color.surface.input · spec/components/number-field.md:55 /stateTokens/focus-visible
number-field invalid fg: color.text.default on color.surface.input · spec/components/number-field.md:56 /stateTokens/invalid
number-field invalid+focus-visible fg: color.text.default on color.surface.input · spec/components/number-field.md:57 /stateTokens/invalid+focus-visible
search-field default fg: color.text.default on color.surface.input · spec/components/search-field.md:52 /stateTokens/default
search-field focus-visible fg: color.text.default on color.surface.input · spec/components/search-field.md:54 /stateTokens/focus-visible
search-field loading fg: color.text.default on color.surface.input · spec/components/search-field.md:56 /stateTokens/loading
search-field no-results fg: color.text.default on color.surface.input · spec/components/search-field.md:57 /stateTokens/no-results
select default fg: color.text.default on color.surface.input · spec/components/select.md:55 /stateTokens/default
select focus-visible fg: color.text.default on color.surface.input · spec/components/select.md:57 /stateTokens/focus-visible
select invalid fg: color.text.default on color.surface.input · spec/components/select.md:59 /stateTokens/invalid
select invalid+focus-visible fg: color.text.default on color.surface.input · spec/components/select.md:60 /stateTokens/invalid+focus-visible
select required fg: color.text.default on color.surface.input · spec/components/select.md:58 /stateTokens/required
settings-panel focus-visible fg: color.text.default on color.surface.input · spec/components/settings-panel.md:55 /stateTokens/focus-visible
settings-panel invalid fg: color.text.default on color.surface.input · spec/components/settings-panel.md:56 /stateTokens/invalid
text-field default fg: color.text.default on color.surface.input · spec/components/text-field.md:68 /stateTokens/default
text-field focus-visible fg: color.text.default on color.surface.input · spec/components/text-field.md:70 /stateTokens/focus-visible
text-field invalid fg: color.text.default on color.surface.input · spec/components/text-field.md:72 /stateTokens/invalid
text-field invalid+focus-visible fg: color.text.default on color.surface.input · spec/components/text-field.md:73 /stateTokens/invalid+focus-visible
textarea default fg: color.text.default on color.surface.input · spec/components/textarea.md:57 /stateTokens/default
textarea focus-visible fg: color.text.default on color.surface.input · spec/components/textarea.md:59 /stateTokens/focus-visible
textarea invalid fg: color.text.default on color.surface.input · spec/components/textarea.md:61 /stateTokens/invalid
textarea invalid+focus-visible fg: color.text.default on color.surface.input · spec/components/textarea.md:62 /stateTokens/invalid+focus-visible
thumb on the off track: color.text.default on color.surface.input · spec/components/switch.md:54 /contrast/0
time-picker default fg: color.text.default on color.surface.input · spec/components/time-picker.md:43 /stateTokens/default
time-picker focus-visible fg: color.text.default on color.surface.input · spec/components/time-picker.md:51 /stateTokens/focus-visible
time-picker invalid fg: color.text.default on color.surface.input · spec/components/time-picker.md:56 /stateTokens/invalid
dialog default fg: color.text.default on color.surface.overlay · spec/components/dialog.md:55 /stateTokens/default
dialog focus-trapped fg: color.text.default on color.surface.overlay · spec/components/dialog.md:57 /stateTokens/focus-trapped
dialog open fg: color.text.default on color.surface.overlay · spec/components/dialog.md:56 /stateTokens/open
dialog reduced-motion fg: color.text.default on color.surface.overlay · spec/components/dialog.md:60 /stateTokens/reduced-motion
drawer default fg: color.text.default on color.surface.overlay · spec/components/drawer.md:43 /stateTokens/default
drawer focus-trapped fg: color.text.default on color.surface.overlay · spec/components/drawer.md:45 /stateTokens/focus-trapped
drawer open fg: color.text.default on color.surface.overlay · spec/components/drawer.md:44 /stateTokens/open
drawer reduced-motion fg: color.text.default on color.surface.overlay · spec/components/drawer.md:46 /stateTokens/reduced-motion
calendar text: color.text.default on color.surface.raised · spec/components/date-picker.md:108 /contrast/5
combobox open fg: color.text.default on color.surface.raised · spec/components/combobox.md:68 /stateTokens/open
default text on raised: color.text.default on color.surface.raised · spec/contrast.json:6 /pairs/2
menu default fg: color.text.default on color.surface.raised · spec/components/menu.md:57 /stateTokens/default
option text in the themed list: color.text.default on color.surface.raised · spec/components/select.md:63 /contrast/1
tooltip default fg: color.text.default on color.surface.raised · spec/components/tooltip.md:38 /stateTokens/default
tooltip open fg: color.text.default on color.surface.raised · spec/components/tooltip.md:41 /stateTokens/open

heritage-ansi · heritage

Resolved value: #e99499
Status: observed
Consumption: historical-only — Historical fidelity only; preserve all documented limitations and deprecations.
Decisions: None pending.
Source: tokens/semantic.tokens.json:128 /color/text/default
Alias chain: color.primitive.rose.700
Used by aliases: No declared aliases depend on this role.

Provenance and restrictions

null

Declared component and port usage

Consumer / kind	Part / variant	State / surface	Source declaration
admin-form · contrast	—	invalid · color.status.danger.tint	spec/components/admin-form.md:76 `/contrast/6`
admin-form · contrast	—	— · color.status.info.tint	spec/components/admin-form.md:75 `/contrast/5`
alert · contrast	—	— · color.status.danger.tint	spec/components/alert.md:57 `/contrast/0`
alert · contrast	—	— · color.status.info.tint	spec/components/alert.md:66 `/contrast/9`
alert · contrast	—	— · color.status.neutral.tint	spec/components/alert.md:69 `/contrast/12`
alert · contrast	—	— · color.status.success.tint	spec/components/alert.md:63 `/contrast/6`
alert · contrast	—	— · color.status.warning.tint	spec/components/alert.md:60 `/contrast/3`
avatar · contrast	—	— · color.surface.default	spec/components/avatar.md:43 `/contrast/0`
button-group · contrast	—	— · color.surface.default	spec/components/button-group.md:48 `/contrast/0`
chart · contrast	—	— · color.surface.default	spec/components/chart.md:48 `/contrast/0`
checkbox · contrast	—	— · color.surface.default	spec/components/checkbox.md:60 `/contrast/0`
command-palette · contrast	—	— · color.surface.default	spec/components/command-palette.md:55 `/contrast/0`
compact-dashboard · contrast	—	— · color.surface.default	spec/components/compact-dashboard.md:49 `/contrast/0`
date-picker · contrast	—	— · color.surface.raised	spec/components/date-picker.md:108 `/contrast/5`
description-list · contrast	—	— · color.surface.default	spec/components/description-list.md:43 `/contrast/0`
diagnostics · contrast	—	hover · color.interaction.hover.bg	spec/components/diagnostics.md:92 `/contrast/19`
diagnostics · contrast	—	— · color.code.bg	spec/components/diagnostics.md:73 `/contrast/0`
diagnostics · contrast	—	— · color.diagnostic.error.bg	spec/components/diagnostics.md:74 `/contrast/1`
dialog · contrast	—	— · color.surface.input	spec/components/dialog.md:71 `/contrast/9`
diff-view · contrast	—	— · color.diff.added.bg	spec/components/diff-view.md:70 `/contrast/0`
diff-view · contrast	—	— · color.diff.header-bg	spec/components/diff-view.md:73 `/contrast/3`
diff-view · contrast	—	— · color.diff.modified.bg	spec/components/diff-view.md:72 `/contrast/2`
diff-view · contrast	—	— · color.diff.removed.bg	spec/components/diff-view.md:71 `/contrast/1`
disclosure · contrast	—	— · color.surface.default	spec/components/disclosure.md:50 `/contrast/0`
editor-search · contrast	—	— · color.surface.default	spec/components/editor-search.md:50 `/contrast/0`
error-state · contrast	—	— · color.surface.default	spec/components/error-state.md:52 `/contrast/0`
fieldset · contrast	—	— · color.surface.default	spec/components/fieldset.md:35 `/contrast/1`
file-browser · contrast	—	— · color.surface.default	spec/components/file-browser.md:51 `/contrast/0`
filterable-table · contrast	—	— · color.surface.chrome	spec/components/filterable-table.md:80 `/contrast/0`
form-builder · contrast	—	— · color.surface.default	spec/components/form-builder.md:26 `/contrast/0`
i3-window-frame · contrast	—	— · color.surface.chrome	spec/components/i3-window-frame.md:71 `/contrast/0`
kbd · contrast	—	— · color.surface.default	spec/components/kbd.md:41 `/contrast/0`
loading-indicator · contrast	—	— · color.surface.default	spec/components/loading-indicator.md:33 `/contrast/1`
multiselect · contrast	—	— · color.surface.default	spec/components/multiselect.md:67 `/contrast/0`
popover · contrast	—	— · color.surface.default	spec/components/popover.md:48 `/contrast/0`
radio-group · contrast	—	— · color.surface.default	spec/components/radio-group.md:57 `/contrast/0`
range · contrast	—	— · color.surface.default	spec/components/range.md:48 `/contrast/0`
repeater · contrast	—	— · color.surface.default	spec/components/repeater.md:49 `/contrast/0`
segmented-control · contrast	—	— · color.surface.default	spec/components/segmented-control.md:68 `/contrast/0`
select · contrast	—	— · color.surface.raised	spec/components/select.md:63 `/contrast/1`
skeleton · contrast	—	— · color.surface.default	spec/components/skeleton.md:44 `/contrast/0`
switch · contrast	—	hover · color.interaction.hover.bg	spec/components/switch.md:55 `/contrast/1`
switch · contrast	—	— · color.surface.default	spec/components/switch.md:58 `/contrast/4`
switch · contrast	—	— · color.surface.input	spec/components/switch.md:54 `/contrast/0`
timeline · contrast	—	— · color.surface.default	spec/components/timeline.md:44 `/contrast/0`
toast · contrast	—	— · color.status.info.tint	spec/components/toast.md:73 `/contrast/10`
toast · contrast	—	— · color.status.neutral.tint	spec/components/toast.md:76 `/contrast/13`
toast · contrast	—	— · color.status.success.tint	spec/components/toast.md:70 `/contrast/7`
toast · contrast	—	— · color.status.warning.tint	spec/components/toast.md:67 `/contrast/4`
tree · contrast	—	— · color.surface.default	spec/components/tree.md:54 `/contrast/0`
wizard · contrast	—	— · color.surface.default	spec/components/wizard.md:64 `/contrast/2`
Shared rule · contrast	—	— · color.diff.added.bg	spec/contrast.json:60 `/pairs/56`
Shared rule · contrast	—	— · color.diff.modified.bg	spec/contrast.json:62 `/pairs/58`
Shared rule · contrast	—	— · color.diff.removed.bg	spec/contrast.json:61 `/pairs/57`
Shared rule · contrast	—	— · color.surface.canvas	spec/contrast.json:4 `/pairs/0`
Shared rule · contrast	—	— · color.surface.default	spec/contrast.json:5 `/pairs/1`
Shared rule · contrast	—	— · color.surface.raised	spec/contrast.json:6 `/pairs/2`
admin-form · part	field.text	—	spec/components/admin-form.md:45 `/tokens/field.text`
admin-form · part	step.text	—	spec/components/admin-form.md:32 `/tokens/step.text`
alert · part	body.text	—	spec/components/alert.md:48 `/tokens/body.text`
avatar · part	root.text	—	spec/components/avatar.md:25 `/tokens/root.text`
breadcrumbs · part	ellipsis.text	—	spec/components/breadcrumbs.md:36 `/tokens/ellipsis.text`
button-group · part	root.text	—	spec/components/button-group.md:25 `/tokens/root.text`
card · part	body.text	—	spec/components/card.md:38 `/tokens/body.text`
chart · part	root.text	—	spec/components/chart.md:25 `/tokens/root.text`
chart · part	row.text	—	spec/components/chart.md:37 `/tokens/row.text`
checkbox · part	text.default	—	spec/components/checkbox.md:45 `/tokens/text.default`
chip · part	root.text	—	spec/components/chip.md:34 `/tokens/root.text`
combobox · part	input.text	—	spec/components/combobox.md:44 `/tokens/input.text`
combobox · part	option.text	—	spec/components/combobox.md:53 `/tokens/option.text`
command-palette · part	root.text	—	spec/components/command-palette.md:28 `/tokens/root.text`
compact-dashboard · part	root.text	—	spec/components/compact-dashboard.md:27 `/tokens/root.text`
data-table · part	row.text	—	spec/components/data-table.md:40 `/tokens/row.text`
date-picker · part	calendar.text	—	spec/components/date-picker.md:52 `/tokens/calendar.text`
date-picker · part	input.text	—	spec/components/date-picker.md:42 `/tokens/input.text`
description-list · part	root.text	—	spec/components/description-list.md:24 `/tokens/root.text`
diagnostics · part	code.text	—	spec/components/diagnostics.md:35 `/tokens/code.text`
diagnostics · part	row.text	—	spec/components/diagnostics.md:52 `/tokens/row.text`
dialog · part	text.text	—	spec/components/dialog.md:37 `/tokens/text.text`
diff-view · part	hunk.context	—	spec/components/diff-view.md:52 `/tokens/hunk.context`
diff-view · part	root.text	—	spec/components/diff-view.md:38 `/tokens/root.text`
disclosure · part	root.text	—	spec/components/disclosure.md:26 `/tokens/root.text`
drawer · part	item.text	—	spec/components/drawer.md:35 `/tokens/item.text`
drawer · part	text.text	—	spec/components/drawer.md:33 `/tokens/text.text`
editor-search · part	root.text	—	spec/components/editor-search.md:26 `/tokens/root.text`
error-state · part	root.text	—	spec/components/error-state.md:27 `/tokens/root.text`
field · part	root.text	—	spec/components/field.md:21 `/tokens/root.text`
fieldset · part	body.text	—	spec/components/fieldset.md:23 `/tokens/body.text`
file-browser · part	root.text	—	spec/components/file-browser.md:28 `/tokens/root.text`
file-input · part	list.text	—	spec/components/file-input.md:46 `/tokens/list.text`
filterable-table · part	chip.text	—	spec/components/filterable-table.md:47 `/tokens/chip.text`
filterable-table · part	filter.text	—	spec/components/filterable-table.md:41 `/tokens/filter.text`
filterable-table · part	pagination.text	—	spec/components/filterable-table.md:70 `/tokens/pagination.text`
filterable-table · part	row.text	—	spec/components/filterable-table.md:51 `/tokens/row.text`
filterable-table · part	search.text	—	spec/components/filterable-table.md:38 `/tokens/search.text`
form-builder · part	root.text	—	spec/components/form-builder.md:20 `/tokens/root.text`
i3-window-frame · part	bar.text	—	spec/components/i3-window-frame.md:35 `/tokens/bar.text`
i3-window-frame · part	workspace.text	—	spec/components/i3-window-frame.md:37 `/tokens/workspace.text`
kbd · part	root.text	—	spec/components/kbd.md:23 `/tokens/root.text`
list · part	row.text	—	spec/components/list.md:37 `/tokens/row.text`
loading-indicator · part	label.text	—	spec/components/loading-indicator.md:25 `/tokens/label.text`
menu · part	button.text	—	spec/components/menu.md:36 `/tokens/button.text`
menu · part	item.text	—	spec/components/menu.md:45 `/tokens/item.text`
multiselect · part	root.text	—	spec/components/multiselect.md:27 `/tokens/root.text`
number-field · part	input.text	—	spec/components/number-field.md:41 `/tokens/input.text`
pagination · part	link.text	—	spec/components/pagination.md:29 `/tokens/link.text`
pagination · part	status.text	—	spec/components/pagination.md:38 `/tokens/status.text`
popover · part	root.text	—	spec/components/popover.md:26 `/tokens/root.text`
progress · part	value.text	—	spec/components/progress.md:35 `/tokens/value.text`
radio-group · part	text.default	—	spec/components/radio-group.md:43 `/tokens/text.default`
range · part	root.text	—	spec/components/range.md:25 `/tokens/root.text`
repeater · part	root.text	—	spec/components/repeater.md:26 `/tokens/root.text`
search-field · part	input.text	—	spec/components/search-field.md:38 `/tokens/input.text`
segmented-control · part	root.text	—	spec/components/segmented-control.md:26 `/tokens/root.text`
select · part	control.text	—	spec/components/select.md:42 `/tokens/control.text`
select · part	option.text	—	spec/components/select.md:46 `/tokens/option.text`
settings-panel · part	control.text	—	spec/components/settings-panel.md:41 `/tokens/control.text`
settings-panel · part	nav.text	—	spec/components/settings-panel.md:31 `/tokens/nav.text`
sidebar-nav · part	link.text	—	spec/components/sidebar-nav.md:37 `/tokens/link.text`
skeleton · part	root.text	—	spec/components/skeleton.md:25 `/tokens/root.text`
switch · part	name.text	—	spec/components/switch.md:44 `/tokens/name.text`
switch · part	thumb.bg	—	spec/components/switch.md:41 `/tokens/thumb.bg`
table · part	row.text	—	spec/components/table.md:44 `/tokens/row.text`
tabs · part	panel.text	—	spec/components/tabs.md:42 `/tokens/panel.text`
tabs · part	tab.text	—	spec/components/tabs.md:33 `/tokens/tab.text`
text-field · part	input.text	—	spec/components/text-field.md:52 `/tokens/input.text`
textarea · part	input.text	—	spec/components/textarea.md:44 `/tokens/input.text`
time-picker · part	input.text	—	spec/components/time-picker.md:35 `/tokens/input.text`
timeline · part	root.text	—	spec/components/timeline.md:24 `/tokens/root.text`
toast · part	root.text	—	spec/components/toast.md:31 `/tokens/root.text`
toolbar · part	button.text	—	spec/components/toolbar.md:31 `/tokens/button.text`
tooltip · part	popup.text	—	spec/components/tooltip.md:30 `/tokens/popup.text`
tree · part	root.text	—	spec/components/tree.md:29 `/tokens/root.text`
wizard · part	step.text	—	spec/components/wizard.md:30 `/tokens/step.text`
wizard · part	text.text	—	spec/components/wizard.md:42 `/tokens/text.text`
code-editor · prose	—	—	spec/components/code-editor.md:136 `body`
admin-form · state	fg	default · color.surface.input	spec/components/admin-form.md:66 `/stateTokens/default/fg`
avatar · state	fg	default · color.surface.default	spec/components/avatar.md:39 `/stateTokens/default/fg`
breadcrumbs · state	fg	truncated · color.surface.default	spec/components/breadcrumbs.md:43 `/stateTokens/truncated/fg`
button-group · state	fg	default · color.surface.default	spec/components/button-group.md:44 `/stateTokens/default/fg`
card · state	fg	default · color.surface.default	spec/components/card.md:44 `/stateTokens/default/fg`
card · state	fg	focus-visible · color.surface.default	spec/components/card.md:46 `/stateTokens/focus-visible/fg`
card · state	fg	hover · color.interaction.hover.bg	spec/components/card.md:45 `/stateTokens/hover/fg`
chart · state	fg	default · color.surface.default	spec/components/chart.md:44 `/stateTokens/default/fg`
chip · state	fg	default · color.surface.default	spec/components/chip.md:48 `/stateTokens/default/fg`
chip · state	fg	focus-visible · color.surface.default	spec/components/chip.md:50 `/stateTokens/focus-visible/fg`
chip · state	fg	hover · color.interaction.hover.bg	spec/components/chip.md:49 `/stateTokens/hover/fg`
combobox · state	fg	default · color.surface.input	spec/components/combobox.md:65 `/stateTokens/default/fg`
combobox · state	fg	focus-visible · color.surface.input	spec/components/combobox.md:67 `/stateTokens/focus-visible/fg`
combobox · state	fg	invalid · color.surface.input	spec/components/combobox.md:70 `/stateTokens/invalid/fg`
combobox · state	fg	invalid+focus-visible · color.surface.input	spec/components/combobox.md:71 `/stateTokens/invalid+focus-visible/fg`
combobox · state	fg	open · color.surface.raised	spec/components/combobox.md:68 `/stateTokens/open/fg`
command-palette · state	fg	default · color.surface.default	spec/components/command-palette.md:51 `/stateTokens/default/fg`
compact-dashboard · state	fg	default · color.surface.default	spec/components/compact-dashboard.md:45 `/stateTokens/default/fg`
data-table · state	fg	default · color.surface.default	spec/components/data-table.md:56 `/stateTokens/default/fg`
data-table · state	fg	focus-visible · color.surface.default	spec/components/data-table.md:58 `/stateTokens/focus-visible/fg`
data-table · state	fg	hover · color.interaction.hover.bg	spec/components/data-table.md:57 `/stateTokens/hover/fg`
date-picker · state	fg	default · color.surface.input	spec/components/date-picker.md:57 `/stateTokens/default/fg`
date-picker · state	fg	focus-visible · color.surface.input	spec/components/date-picker.md:65 `/stateTokens/focus-visible/fg`
date-picker · state	fg	hover · color.interaction.hover.bg	spec/components/date-picker.md:61 `/stateTokens/hover/fg`
date-picker · state	fg	invalid · color.surface.input	spec/components/date-picker.md:70 `/stateTokens/invalid/fg`
date-picker · state	fg	invalid+focus-visible · color.surface.input	spec/components/date-picker.md:74 `/stateTokens/invalid+focus-visible/fg`
date-picker · state	fg	read-only · color.surface.canvas	spec/components/date-picker.md:79 `/stateTokens/read-only/fg`
description-list · state	fg	default · color.surface.default	spec/components/description-list.md:39 `/stateTokens/default/fg`
diagnostics · state	fg	default · color.surface.default	spec/components/diagnostics.md:65 `/stateTokens/default/fg`
diagnostics · state	fg	focus-visible · color.surface.default	spec/components/diagnostics.md:67 `/stateTokens/focus-visible/fg`
diagnostics · state	fg	hover · color.interaction.hover.bg	spec/components/diagnostics.md:66 `/stateTokens/hover/fg`
dialog · state	fg	default · color.surface.overlay	spec/components/dialog.md:55 `/stateTokens/default/fg`
dialog · state	fg	focus-trapped · color.surface.overlay	spec/components/dialog.md:57 `/stateTokens/focus-trapped/fg`
dialog · state	fg	open · color.surface.overlay	spec/components/dialog.md:56 `/stateTokens/open/fg`
dialog · state	fg	reduced-motion · color.surface.overlay	spec/components/dialog.md:60 `/stateTokens/reduced-motion/fg`
diff-view · state	fg	default · color.code.bg	spec/components/diff-view.md:63 `/stateTokens/default/fg`
diff-view · state	fg	focus-visible · color.code.bg	spec/components/diff-view.md:66 `/stateTokens/focus-visible/fg`
diff-view · state	fg	hover · color.interaction.hover.bg	spec/components/diff-view.md:64 `/stateTokens/hover/fg`
disclosure · state	fg	default · color.surface.default	spec/components/disclosure.md:46 `/stateTokens/default/fg`
drawer · state	fg	default · color.surface.overlay	spec/components/drawer.md:43 `/stateTokens/default/fg`
drawer · state	fg	focus-trapped · color.surface.overlay	spec/components/drawer.md:45 `/stateTokens/focus-trapped/fg`
drawer · state	fg	open · color.surface.overlay	spec/components/drawer.md:44 `/stateTokens/open/fg`
drawer · state	fg	reduced-motion · color.surface.overlay	spec/components/drawer.md:46 `/stateTokens/reduced-motion/fg`
editor-search · state	fg	default · color.surface.default	spec/components/editor-search.md:46 `/stateTokens/default/fg`
error-state · state	fg	default · color.surface.default	spec/components/error-state.md:48 `/stateTokens/default/fg`
file-browser · state	fg	default · color.surface.default	spec/components/file-browser.md:47 `/stateTokens/default/fg`
file-input · state	fg	drop-target · color.interaction.marquee	spec/components/file-input.md:60 `/stateTokens/drop-target/fg`
filterable-table · state	fg	default · color.surface.default	spec/components/filterable-table.md:74 `/stateTokens/default/fg`
filterable-table · state	fg	focus-visible · color.surface.default	spec/components/filterable-table.md:76 `/stateTokens/focus-visible/fg`
filterable-table · state	fg	hover · color.interaction.hover.bg	spec/components/filterable-table.md:75 `/stateTokens/hover/fg`
form-builder · state	fg	default · color.surface.default	spec/components/form-builder.md:24 `/stateTokens/default/fg`
kbd · state	fg	default · color.surface.default	spec/components/kbd.md:37 `/stateTokens/default/fg`
list · state	fg	default · color.surface.default	spec/components/list.md:50 `/stateTokens/default/fg`
list · state	fg	focus-visible · color.surface.default	spec/components/list.md:52 `/stateTokens/focus-visible/fg`
list · state	fg	hover · color.interaction.hover.bg	spec/components/list.md:51 `/stateTokens/hover/fg`
loading-indicator · state	fg	default · color.surface.canvas	spec/components/loading-indicator.md:29 `/stateTokens/default/fg`
loading-indicator · state	fg	reduced-motion · color.surface.canvas	spec/components/loading-indicator.md:30 `/stateTokens/reduced-motion/fg`
menu · state	fg	closed · color.surface.default	spec/components/menu.md:61 `/stateTokens/closed/fg`
menu · state	fg	default · color.surface.raised	spec/components/menu.md:57 `/stateTokens/default/fg`
menu · state	fg	focus-visible · color.surface.default	spec/components/menu.md:59 `/stateTokens/focus-visible/fg`
menu · state	fg	open · color.interaction.pressed.bg	spec/components/menu.md:60 `/stateTokens/open/fg`
multiselect · state	fg	default · color.surface.default	spec/components/multiselect.md:63 `/stateTokens/default/fg`
number-field · state	fg	default · color.surface.input	spec/components/number-field.md:53 `/stateTokens/default/fg`
number-field · state	fg	focus-visible · color.surface.input	spec/components/number-field.md:55 `/stateTokens/focus-visible/fg`
number-field · state	fg	hover · color.interaction.hover.bg	spec/components/number-field.md:54 `/stateTokens/hover/fg`
number-field · state	fg	invalid · color.surface.input	spec/components/number-field.md:56 `/stateTokens/invalid/fg`
number-field · state	fg	invalid+focus-visible · color.surface.input	spec/components/number-field.md:57 `/stateTokens/invalid+focus-visible/fg`
number-field · state	fg	read-only · color.surface.canvas	spec/components/number-field.md:58 `/stateTokens/read-only/fg`
pagination · state	fg	default · color.surface.default	spec/components/pagination.md:41 `/stateTokens/default/fg`
pagination · state	fg	focus-visible · color.surface.default	spec/components/pagination.md:43 `/stateTokens/focus-visible/fg`
pagination · state	fg	hover · color.interaction.hover.bg	spec/components/pagination.md:42 `/stateTokens/hover/fg`
popover · state	fg	default · color.surface.default	spec/components/popover.md:44 `/stateTokens/default/fg`
progress · state	fg	default · color.surface.canvas	spec/components/progress.md:39 `/stateTokens/default/fg`
range · state	fg	default · color.surface.default	spec/components/range.md:44 `/stateTokens/default/fg`
repeater · state	fg	default · color.surface.default	spec/components/repeater.md:45 `/stateTokens/default/fg`
search-field · state	fg	default · color.surface.input	spec/components/search-field.md:52 `/stateTokens/default/fg`
search-field · state	fg	focus-visible · color.surface.input	spec/components/search-field.md:54 `/stateTokens/focus-visible/fg`
search-field · state	fg	hover · color.interaction.hover.bg	spec/components/search-field.md:53 `/stateTokens/hover/fg`
search-field · state	fg	loading · color.surface.input	spec/components/search-field.md:56 `/stateTokens/loading/fg`
search-field · state	fg	no-results · color.surface.input	spec/components/search-field.md:57 `/stateTokens/no-results/fg`
segmented-control · state	fg	default · color.surface.default	spec/components/segmented-control.md:64 `/stateTokens/default/fg`
select · state	fg	default · color.surface.input	spec/components/select.md:55 `/stateTokens/default/fg`
select · state	fg	focus-visible · color.surface.input	spec/components/select.md:57 `/stateTokens/focus-visible/fg`
select · state	fg	hover · color.interaction.hover.bg	spec/components/select.md:56 `/stateTokens/hover/fg`
select · state	fg	invalid · color.surface.input	spec/components/select.md:59 `/stateTokens/invalid/fg`
select · state	fg	invalid+focus-visible · color.surface.input	spec/components/select.md:60 `/stateTokens/invalid+focus-visible/fg`
select · state	fg	required · color.surface.input	spec/components/select.md:58 `/stateTokens/required/fg`
settings-panel · state	fg	default · color.surface.default	spec/components/settings-panel.md:54 `/stateTokens/default/fg`
settings-panel · state	fg	focus-visible · color.surface.input	spec/components/settings-panel.md:55 `/stateTokens/focus-visible/fg`
settings-panel · state	fg	invalid · color.surface.input	spec/components/settings-panel.md:56 `/stateTokens/invalid/fg`
sidebar-nav · state	fg	collapsed · color.surface.default	spec/components/sidebar-nav.md:59 `/stateTokens/collapsed/fg`
sidebar-nav · state	fg	default · color.surface.default	spec/components/sidebar-nav.md:52 `/stateTokens/default/fg`
sidebar-nav · state	fg	expanded · color.surface.default	spec/components/sidebar-nav.md:58 `/stateTokens/expanded/fg`
sidebar-nav · state	fg	focus-visible · color.surface.default	spec/components/sidebar-nav.md:54 `/stateTokens/focus-visible/fg`
sidebar-nav · state	fg	hover · color.interaction.hover.bg	spec/components/sidebar-nav.md:53 `/stateTokens/hover/fg`
skeleton · state	fg	default · color.surface.default	spec/components/skeleton.md:40 `/stateTokens/default/fg`
table · state	fg	default · color.surface.default	spec/components/table.md:56 `/stateTokens/default/fg`
table · state	fg	hover · color.interaction.hover.bg	spec/components/table.md:57 `/stateTokens/hover/fg`
tabs · state	fg	default · color.surface.default	spec/components/tabs.md:44 `/stateTokens/default/fg`
tabs · state	fg	focus-visible · color.surface.default	spec/components/tabs.md:46 `/stateTokens/focus-visible/fg`
tabs · state	fg	hover · color.interaction.hover.bg	spec/components/tabs.md:45 `/stateTokens/hover/fg`
text-field · state	fg	default · color.surface.input	spec/components/text-field.md:68 `/stateTokens/default/fg`
text-field · state	fg	focus-visible · color.surface.input	spec/components/text-field.md:70 `/stateTokens/focus-visible/fg`
text-field · state	fg	hover · color.interaction.hover.bg	spec/components/text-field.md:69 `/stateTokens/hover/fg`
text-field · state	fg	invalid · color.surface.input	spec/components/text-field.md:72 `/stateTokens/invalid/fg`
text-field · state	fg	invalid+focus-visible · color.surface.input	spec/components/text-field.md:73 `/stateTokens/invalid+focus-visible/fg`
text-field · state	fg	read-only · color.surface.canvas	spec/components/text-field.md:74 `/stateTokens/read-only/fg`
textarea · state	fg	default · color.surface.input	spec/components/textarea.md:57 `/stateTokens/default/fg`
textarea · state	fg	focus-visible · color.surface.input	spec/components/textarea.md:59 `/stateTokens/focus-visible/fg`
textarea · state	fg	hover · color.interaction.hover.bg	spec/components/textarea.md:58 `/stateTokens/hover/fg`
textarea · state	fg	invalid · color.surface.input	spec/components/textarea.md:61 `/stateTokens/invalid/fg`
textarea · state	fg	invalid+focus-visible · color.surface.input	spec/components/textarea.md:62 `/stateTokens/invalid+focus-visible/fg`
textarea · state	fg	read-only · color.surface.canvas	spec/components/textarea.md:63 `/stateTokens/read-only/fg`
time-picker · state	fg	default · color.surface.input	spec/components/time-picker.md:43 `/stateTokens/default/fg`
time-picker · state	fg	focus-visible · color.surface.input	spec/components/time-picker.md:51 `/stateTokens/focus-visible/fg`
time-picker · state	fg	hover · color.interaction.hover.bg	spec/components/time-picker.md:47 `/stateTokens/hover/fg`
time-picker · state	fg	invalid · color.surface.input	spec/components/time-picker.md:56 `/stateTokens/invalid/fg`
timeline · state	fg	default · color.surface.default	spec/components/timeline.md:40 `/stateTokens/default/fg`
toast · state	fg	default · color.surface.canvas	spec/components/toast.md:57 `/stateTokens/default/fg`
toast · state	fg	reduced-motion · color.surface.canvas	spec/components/toast.md:61 `/stateTokens/reduced-motion/fg`
toolbar · state	fg	default · color.surface.chrome	spec/components/toolbar.md:42 `/stateTokens/default/fg`
toolbar · state	fg	focus-visible · color.surface.chrome	spec/components/toolbar.md:44 `/stateTokens/focus-visible/fg`
toolbar · state	fg	hover · color.interaction.hover.bg	spec/components/toolbar.md:43 `/stateTokens/hover/fg`
tooltip · state	fg	default · color.surface.raised	spec/components/tooltip.md:38 `/stateTokens/default/fg`
tooltip · state	fg	open · color.surface.raised	spec/components/tooltip.md:41 `/stateTokens/open/fg`
tree · state	fg	default · color.surface.default	spec/components/tree.md:50 `/stateTokens/default/fg`
wizard · state	fg	default · color.surface.canvas	spec/components/wizard.md:55 `/stateTokens/default/fg`
wizard · state	fg	hover · color.interaction.hover.bg	spec/components/wizard.md:56 `/stateTokens/hover/fg`

Relevant contrast declarations

code text: color.text.default on color.code.bg · spec/components/diagnostics.md:73 /contrast/0
diff-view default fg: color.text.default on color.code.bg · spec/components/diff-view.md:63 /stateTokens/default
diff-view focus-visible fg: color.text.default on color.code.bg · spec/components/diff-view.md:66 /stateTokens/focus-visible
code text on the error line: color.text.default on color.diagnostic.error.bg · spec/components/diagnostics.md:74 /contrast/1
default text on added-line background: color.text.default on color.diff.added.bg · spec/contrast.json:60 /pairs/56
text on an added row: color.text.default on color.diff.added.bg · spec/components/diff-view.md:70 /contrast/0
hunk context on the header: color.text.default on color.diff.header-bg · spec/components/diff-view.md:73 /contrast/3
default text on modified-line background: color.text.default on color.diff.modified.bg · spec/contrast.json:62 /pairs/58
text on a modified row: color.text.default on color.diff.modified.bg · spec/components/diff-view.md:72 /contrast/2
default text on removed-line background: color.text.default on color.diff.removed.bg · spec/contrast.json:61 /pairs/57
text on a removed row: color.text.default on color.diff.removed.bg · spec/components/diff-view.md:71 /contrast/1
card hover fg: color.text.default on color.interaction.hover.bg · spec/components/card.md:45 /stateTokens/hover
chip hover fg: color.text.default on color.interaction.hover.bg · spec/components/chip.md:49 /stateTokens/hover
data-table hover fg: color.text.default on color.interaction.hover.bg · spec/components/data-table.md:57 /stateTokens/hover
date-picker hover fg: color.text.default on color.interaction.hover.bg · spec/components/date-picker.md:61 /stateTokens/hover
diagnostics hover fg: color.text.default on color.interaction.hover.bg · spec/components/diagnostics.md:66 /stateTokens/hover
diff-view hover fg: color.text.default on color.interaction.hover.bg · spec/components/diff-view.md:64 /stateTokens/hover
filterable-table hover fg: color.text.default on color.interaction.hover.bg · spec/components/filterable-table.md:75 /stateTokens/hover
list hover fg: color.text.default on color.interaction.hover.bg · spec/components/list.md:51 /stateTokens/hover
number-field hover fg: color.text.default on color.interaction.hover.bg · spec/components/number-field.md:54 /stateTokens/hover
pagination hover fg: color.text.default on color.interaction.hover.bg · spec/components/pagination.md:42 /stateTokens/hover
row text on hover: color.text.default on color.interaction.hover.bg · spec/components/diagnostics.md:92 /contrast/19
search-field hover fg: color.text.default on color.interaction.hover.bg · spec/components/search-field.md:53 /stateTokens/hover
select hover fg: color.text.default on color.interaction.hover.bg · spec/components/select.md:56 /stateTokens/hover
sidebar-nav hover fg: color.text.default on color.interaction.hover.bg · spec/components/sidebar-nav.md:53 /stateTokens/hover
table hover fg: color.text.default on color.interaction.hover.bg · spec/components/table.md:57 /stateTokens/hover
tabs hover fg: color.text.default on color.interaction.hover.bg · spec/components/tabs.md:45 /stateTokens/hover
text-field hover fg: color.text.default on color.interaction.hover.bg · spec/components/text-field.md:69 /stateTokens/hover
textarea hover fg: color.text.default on color.interaction.hover.bg · spec/components/textarea.md:58 /stateTokens/hover
thumb on the hovered off track: color.text.default on color.interaction.hover.bg · spec/components/switch.md:55 /contrast/1
time-picker hover fg: color.text.default on color.interaction.hover.bg · spec/components/time-picker.md:47 /stateTokens/hover
toolbar hover fg: color.text.default on color.interaction.hover.bg · spec/components/toolbar.md:43 /stateTokens/hover
wizard hover fg: color.text.default on color.interaction.hover.bg · spec/components/wizard.md:56 /stateTokens/hover
file-input drop-target fg: color.text.default on color.interaction.marquee · spec/components/file-input.md:60 /stateTokens/drop-target
menu open fg: color.text.default on color.interaction.pressed.bg · spec/components/menu.md:60 /stateTokens/open
body text on the danger tint: color.text.default on color.status.danger.tint · spec/components/alert.md:57 /contrast/0
summary text on the danger tint: color.text.default on color.status.danger.tint · spec/components/admin-form.md:76 /contrast/6
body text on the info tint: color.text.default on color.status.info.tint · spec/components/alert.md:66 /contrast/9
notice text on its tint: color.text.default on color.status.info.tint · spec/components/admin-form.md:75 /contrast/5
text on the info tint: color.text.default on color.status.info.tint · spec/components/toast.md:73 /contrast/10
body text on the neutral tint: color.text.default on color.status.neutral.tint · spec/components/alert.md:69 /contrast/12
text on the neutral tint: color.text.default on color.status.neutral.tint · spec/components/toast.md:76 /contrast/13
body text on the success tint: color.text.default on color.status.success.tint · spec/components/alert.md:63 /contrast/6
text on the success tint: color.text.default on color.status.success.tint · spec/components/toast.md:70 /contrast/7
body text on the warning tint: color.text.default on color.status.warning.tint · spec/components/alert.md:60 /contrast/3
text on the warning tint: color.text.default on color.status.warning.tint · spec/components/toast.md:67 /contrast/4
date-picker read-only fg: color.text.default on color.surface.canvas · spec/components/date-picker.md:79 /stateTokens/read-only
default text on canvas: color.text.default on color.surface.canvas · spec/contrast.json:4 /pairs/0
loading-indicator default fg: color.text.default on color.surface.canvas · spec/components/loading-indicator.md:29 /stateTokens/default
loading-indicator reduced-motion fg: color.text.default on color.surface.canvas · spec/components/loading-indicator.md:30 /stateTokens/reduced-motion
number-field read-only fg: color.text.default on color.surface.canvas · spec/components/number-field.md:58 /stateTokens/read-only
progress default fg: color.text.default on color.surface.canvas · spec/components/progress.md:39 /stateTokens/default
text-field read-only fg: color.text.default on color.surface.canvas · spec/components/text-field.md:74 /stateTokens/read-only
textarea read-only fg: color.text.default on color.surface.canvas · spec/components/textarea.md:63 /stateTokens/read-only
toast default fg: color.text.default on color.surface.canvas · spec/components/toast.md:57 /stateTokens/default
toast reduced-motion fg: color.text.default on color.surface.canvas · spec/components/toast.md:61 /stateTokens/reduced-motion
wizard default fg: color.text.default on color.surface.canvas · spec/components/wizard.md:55 /stateTokens/default
toolbar controls on the chrome surface: color.text.default on color.surface.chrome · spec/components/filterable-table.md:80 /contrast/0
toolbar default fg: color.text.default on color.surface.chrome · spec/components/toolbar.md:42 /stateTokens/default
toolbar focus-visible fg: color.text.default on color.surface.chrome · spec/components/toolbar.md:44 /stateTokens/focus-visible
workspace names and status text on the bar: color.text.default on color.surface.chrome · spec/components/i3-window-frame.md:71 /contrast/0
avatar default fg: color.text.default on color.surface.default · spec/components/avatar.md:39 /stateTokens/default
block label on the panel surface: color.text.default on color.surface.default · spec/components/loading-indicator.md:33 /contrast/1
breadcrumbs truncated fg: color.text.default on color.surface.default · spec/components/breadcrumbs.md:43 /stateTokens/truncated
button-group default fg: color.text.default on color.surface.default · spec/components/button-group.md:44 /stateTokens/default
card default fg: color.text.default on color.surface.default · spec/components/card.md:44 /stateTokens/default
card focus-visible fg: color.text.default on color.surface.default · spec/components/card.md:46 /stateTokens/focus-visible
chart default fg: color.text.default on color.surface.default · spec/components/chart.md:44 /stateTokens/default
chip default fg: color.text.default on color.surface.default · spec/components/chip.md:48 /stateTokens/default
chip focus-visible fg: color.text.default on color.surface.default · spec/components/chip.md:50 /stateTokens/focus-visible
command-palette default fg: color.text.default on color.surface.default · spec/components/command-palette.md:51 /stateTokens/default
compact-dashboard default fg: color.text.default on color.surface.default · spec/components/compact-dashboard.md:45 /stateTokens/default
data-table default fg: color.text.default on color.surface.default · spec/components/data-table.md:56 /stateTokens/default
data-table focus-visible fg: color.text.default on color.surface.default · spec/components/data-table.md:58 /stateTokens/focus-visible
default text on default surface: color.text.default on color.surface.default · spec/contrast.json:5 /pairs/1
description-list default fg: color.text.default on color.surface.default · spec/components/description-list.md:39 /stateTokens/default
diagnostics default fg: color.text.default on color.surface.default · spec/components/diagnostics.md:65 /stateTokens/default
diagnostics focus-visible fg: color.text.default on color.surface.default · spec/components/diagnostics.md:67 /stateTokens/focus-visible
disclosure default fg: color.text.default on color.surface.default · spec/components/disclosure.md:46 /stateTokens/default
Editor text: color.text.default on color.surface.default · spec/components/form-builder.md:26 /contrast/0
editor-search default fg: color.text.default on color.surface.default · spec/components/editor-search.md:46 /stateTokens/default
error-state default fg: color.text.default on color.surface.default · spec/components/error-state.md:48 /stateTokens/default
field labels inside the group: color.text.default on color.surface.default · spec/components/fieldset.md:35 /contrast/1
file-browser default fg: color.text.default on color.surface.default · spec/components/file-browser.md:47 /stateTokens/default
filterable-table default fg: color.text.default on color.surface.default · spec/components/filterable-table.md:74 /stateTokens/default
filterable-table focus-visible fg: color.text.default on color.surface.default · spec/components/filterable-table.md:76 /stateTokens/focus-visible
form-builder default fg: color.text.default on color.surface.default · spec/components/form-builder.md:24 /stateTokens/default
kbd default fg: color.text.default on color.surface.default · spec/components/kbd.md:37 /stateTokens/default
list default fg: color.text.default on color.surface.default · spec/components/list.md:50 /stateTokens/default
list focus-visible fg: color.text.default on color.surface.default · spec/components/list.md:52 /stateTokens/focus-visible
menu closed fg: color.text.default on color.surface.default · spec/components/menu.md:61 /stateTokens/closed
menu focus-visible fg: color.text.default on color.surface.default · spec/components/menu.md:59 /stateTokens/focus-visible
multiselect default fg: color.text.default on color.surface.default · spec/components/multiselect.md:63 /stateTokens/default
option text on the panel surface: color.text.default on color.surface.default · spec/components/checkbox.md:60 /contrast/0
option text on the panel surface: color.text.default on color.surface.default · spec/components/radio-group.md:57 /contrast/0
pagination default fg: color.text.default on color.surface.default · spec/components/pagination.md:41 /stateTokens/default
pagination focus-visible fg: color.text.default on color.surface.default · spec/components/pagination.md:43 /stateTokens/focus-visible
panel text on the panel surface: color.text.default on color.surface.default · spec/components/wizard.md:64 /contrast/2
popover default fg: color.text.default on color.surface.default · spec/components/popover.md:44 /stateTokens/default
Primary content: color.text.default on color.surface.default · spec/components/avatar.md:43 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/button-group.md:48 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/chart.md:48 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/command-palette.md:55 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/compact-dashboard.md:49 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/description-list.md:43 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/disclosure.md:50 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/editor-search.md:50 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/error-state.md:52 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/file-browser.md:51 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/kbd.md:41 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/multiselect.md:67 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/popover.md:48 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/range.md:48 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/repeater.md:49 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/segmented-control.md:68 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/skeleton.md:44 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/timeline.md:44 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/tree.md:54 /contrast/0
range default fg: color.text.default on color.surface.default · spec/components/range.md:44 /stateTokens/default
repeater default fg: color.text.default on color.surface.default · spec/components/repeater.md:45 /stateTokens/default
segmented-control default fg: color.text.default on color.surface.default · spec/components/segmented-control.md:64 /stateTokens/default
settings-panel default fg: color.text.default on color.surface.default · spec/components/settings-panel.md:54 /stateTokens/default
sidebar-nav collapsed fg: color.text.default on color.surface.default · spec/components/sidebar-nav.md:59 /stateTokens/collapsed
sidebar-nav default fg: color.text.default on color.surface.default · spec/components/sidebar-nav.md:52 /stateTokens/default
sidebar-nav expanded fg: color.text.default on color.surface.default · spec/components/sidebar-nav.md:58 /stateTokens/expanded
sidebar-nav focus-visible fg: color.text.default on color.surface.default · spec/components/sidebar-nav.md:54 /stateTokens/focus-visible
skeleton default fg: color.text.default on color.surface.default · spec/components/skeleton.md:40 /stateTokens/default
table default fg: color.text.default on color.surface.default · spec/components/table.md:56 /stateTokens/default
tabs default fg: color.text.default on color.surface.default · spec/components/tabs.md:44 /stateTokens/default
tabs focus-visible fg: color.text.default on color.surface.default · spec/components/tabs.md:46 /stateTokens/focus-visible
timeline default fg: color.text.default on color.surface.default · spec/components/timeline.md:40 /stateTokens/default
tree default fg: color.text.default on color.surface.default · spec/components/tree.md:50 /stateTokens/default
visible name on the panel surface: color.text.default on color.surface.default · spec/components/switch.md:58 /contrast/4
admin-form default fg: color.text.default on color.surface.input · spec/components/admin-form.md:66 /stateTokens/default
combobox default fg: color.text.default on color.surface.input · spec/components/combobox.md:65 /stateTokens/default
combobox focus-visible fg: color.text.default on color.surface.input · spec/components/combobox.md:67 /stateTokens/focus-visible
combobox invalid fg: color.text.default on color.surface.input · spec/components/combobox.md:70 /stateTokens/invalid
combobox invalid+focus-visible fg: color.text.default on color.surface.input · spec/components/combobox.md:71 /stateTokens/invalid+focus-visible
date-picker default fg: color.text.default on color.surface.input · spec/components/date-picker.md:57 /stateTokens/default
date-picker focus-visible fg: color.text.default on color.surface.input · spec/components/date-picker.md:65 /stateTokens/focus-visible
date-picker invalid fg: color.text.default on color.surface.input · spec/components/date-picker.md:70 /stateTokens/invalid
date-picker invalid+focus-visible fg: color.text.default on color.surface.input · spec/components/date-picker.md:74 /stateTokens/invalid+focus-visible
form field text: color.text.default on color.surface.input · spec/components/dialog.md:71 /contrast/9
number-field default fg: color.text.default on color.surface.input · spec/components/number-field.md:53 /stateTokens/default
number-field focus-visible fg: color.text.default on color.surface.input · spec/components/number-field.md:55 /stateTokens/focus-visible
number-field invalid fg: color.text.default on color.surface.input · spec/components/number-field.md:56 /stateTokens/invalid
number-field invalid+focus-visible fg: color.text.default on color.surface.input · spec/components/number-field.md:57 /stateTokens/invalid+focus-visible
search-field default fg: color.text.default on color.surface.input · spec/components/search-field.md:52 /stateTokens/default
search-field focus-visible fg: color.text.default on color.surface.input · spec/components/search-field.md:54 /stateTokens/focus-visible
search-field loading fg: color.text.default on color.surface.input · spec/components/search-field.md:56 /stateTokens/loading
search-field no-results fg: color.text.default on color.surface.input · spec/components/search-field.md:57 /stateTokens/no-results
select default fg: color.text.default on color.surface.input · spec/components/select.md:55 /stateTokens/default
select focus-visible fg: color.text.default on color.surface.input · spec/components/select.md:57 /stateTokens/focus-visible
select invalid fg: color.text.default on color.surface.input · spec/components/select.md:59 /stateTokens/invalid
select invalid+focus-visible fg: color.text.default on color.surface.input · spec/components/select.md:60 /stateTokens/invalid+focus-visible
select required fg: color.text.default on color.surface.input · spec/components/select.md:58 /stateTokens/required
settings-panel focus-visible fg: color.text.default on color.surface.input · spec/components/settings-panel.md:55 /stateTokens/focus-visible
settings-panel invalid fg: color.text.default on color.surface.input · spec/components/settings-panel.md:56 /stateTokens/invalid
text-field default fg: color.text.default on color.surface.input · spec/components/text-field.md:68 /stateTokens/default
text-field focus-visible fg: color.text.default on color.surface.input · spec/components/text-field.md:70 /stateTokens/focus-visible
text-field invalid fg: color.text.default on color.surface.input · spec/components/text-field.md:72 /stateTokens/invalid
text-field invalid+focus-visible fg: color.text.default on color.surface.input · spec/components/text-field.md:73 /stateTokens/invalid+focus-visible
textarea default fg: color.text.default on color.surface.input · spec/components/textarea.md:57 /stateTokens/default
textarea focus-visible fg: color.text.default on color.surface.input · spec/components/textarea.md:59 /stateTokens/focus-visible
textarea invalid fg: color.text.default on color.surface.input · spec/components/textarea.md:61 /stateTokens/invalid
textarea invalid+focus-visible fg: color.text.default on color.surface.input · spec/components/textarea.md:62 /stateTokens/invalid+focus-visible
thumb on the off track: color.text.default on color.surface.input · spec/components/switch.md:54 /contrast/0
time-picker default fg: color.text.default on color.surface.input · spec/components/time-picker.md:43 /stateTokens/default
time-picker focus-visible fg: color.text.default on color.surface.input · spec/components/time-picker.md:51 /stateTokens/focus-visible
time-picker invalid fg: color.text.default on color.surface.input · spec/components/time-picker.md:56 /stateTokens/invalid
dialog default fg: color.text.default on color.surface.overlay · spec/components/dialog.md:55 /stateTokens/default
dialog focus-trapped fg: color.text.default on color.surface.overlay · spec/components/dialog.md:57 /stateTokens/focus-trapped
dialog open fg: color.text.default on color.surface.overlay · spec/components/dialog.md:56 /stateTokens/open
dialog reduced-motion fg: color.text.default on color.surface.overlay · spec/components/dialog.md:60 /stateTokens/reduced-motion
drawer default fg: color.text.default on color.surface.overlay · spec/components/drawer.md:43 /stateTokens/default
drawer focus-trapped fg: color.text.default on color.surface.overlay · spec/components/drawer.md:45 /stateTokens/focus-trapped
drawer open fg: color.text.default on color.surface.overlay · spec/components/drawer.md:44 /stateTokens/open
drawer reduced-motion fg: color.text.default on color.surface.overlay · spec/components/drawer.md:46 /stateTokens/reduced-motion
calendar text: color.text.default on color.surface.raised · spec/components/date-picker.md:108 /contrast/5
combobox open fg: color.text.default on color.surface.raised · spec/components/combobox.md:68 /stateTokens/open
default text on raised: color.text.default on color.surface.raised · spec/contrast.json:6 /pairs/2
menu default fg: color.text.default on color.surface.raised · spec/components/menu.md:57 /stateTokens/default
option text in the themed list: color.text.default on color.surface.raised · spec/components/select.md:63 /contrast/1
tooltip default fg: color.text.default on color.surface.raised · spec/components/tooltip.md:38 /stateTokens/default
tooltip open fg: color.text.default on color.surface.raised · spec/components/tooltip.md:41 /stateTokens/open

extended · proposed

Resolved value: #e99499
Status: observed
Consumption: blocked — Proposed profile: preview only, not downstream delivery.
Decisions: None pending.
Source: tokens/semantic.tokens.json:128 /color/text/default
Alias chain: color.primitive.rose.700
Used by aliases: No declared aliases depend on this role.

Provenance and restrictions

null

Declared component and port usage

Consumer / kind	Part / variant	State / surface	Source declaration
admin-form · contrast	—	invalid · color.status.danger.tint	spec/components/admin-form.md:76 `/contrast/6`
admin-form · contrast	—	— · color.status.info.tint	spec/components/admin-form.md:75 `/contrast/5`
alert · contrast	—	— · color.status.danger.tint	spec/components/alert.md:57 `/contrast/0`
alert · contrast	—	— · color.status.info.tint	spec/components/alert.md:66 `/contrast/9`
alert · contrast	—	— · color.status.neutral.tint	spec/components/alert.md:69 `/contrast/12`
alert · contrast	—	— · color.status.success.tint	spec/components/alert.md:63 `/contrast/6`
alert · contrast	—	— · color.status.warning.tint	spec/components/alert.md:60 `/contrast/3`
avatar · contrast	—	— · color.surface.default	spec/components/avatar.md:43 `/contrast/0`
button-group · contrast	—	— · color.surface.default	spec/components/button-group.md:48 `/contrast/0`
chart · contrast	—	— · color.surface.default	spec/components/chart.md:48 `/contrast/0`
checkbox · contrast	—	— · color.surface.default	spec/components/checkbox.md:60 `/contrast/0`
command-palette · contrast	—	— · color.surface.default	spec/components/command-palette.md:55 `/contrast/0`
compact-dashboard · contrast	—	— · color.surface.default	spec/components/compact-dashboard.md:49 `/contrast/0`
date-picker · contrast	—	— · color.surface.raised	spec/components/date-picker.md:108 `/contrast/5`
description-list · contrast	—	— · color.surface.default	spec/components/description-list.md:43 `/contrast/0`
diagnostics · contrast	—	hover · color.interaction.hover.bg	spec/components/diagnostics.md:92 `/contrast/19`
diagnostics · contrast	—	— · color.code.bg	spec/components/diagnostics.md:73 `/contrast/0`
diagnostics · contrast	—	— · color.diagnostic.error.bg	spec/components/diagnostics.md:74 `/contrast/1`
dialog · contrast	—	— · color.surface.input	spec/components/dialog.md:71 `/contrast/9`
diff-view · contrast	—	— · color.diff.added.bg	spec/components/diff-view.md:70 `/contrast/0`
diff-view · contrast	—	— · color.diff.header-bg	spec/components/diff-view.md:73 `/contrast/3`
diff-view · contrast	—	— · color.diff.modified.bg	spec/components/diff-view.md:72 `/contrast/2`
diff-view · contrast	—	— · color.diff.removed.bg	spec/components/diff-view.md:71 `/contrast/1`
disclosure · contrast	—	— · color.surface.default	spec/components/disclosure.md:50 `/contrast/0`
editor-search · contrast	—	— · color.surface.default	spec/components/editor-search.md:50 `/contrast/0`
error-state · contrast	—	— · color.surface.default	spec/components/error-state.md:52 `/contrast/0`
fieldset · contrast	—	— · color.surface.default	spec/components/fieldset.md:35 `/contrast/1`
file-browser · contrast	—	— · color.surface.default	spec/components/file-browser.md:51 `/contrast/0`
filterable-table · contrast	—	— · color.surface.chrome	spec/components/filterable-table.md:80 `/contrast/0`
form-builder · contrast	—	— · color.surface.default	spec/components/form-builder.md:26 `/contrast/0`
i3-window-frame · contrast	—	— · color.surface.chrome	spec/components/i3-window-frame.md:71 `/contrast/0`
kbd · contrast	—	— · color.surface.default	spec/components/kbd.md:41 `/contrast/0`
loading-indicator · contrast	—	— · color.surface.default	spec/components/loading-indicator.md:33 `/contrast/1`
multiselect · contrast	—	— · color.surface.default	spec/components/multiselect.md:67 `/contrast/0`
popover · contrast	—	— · color.surface.default	spec/components/popover.md:48 `/contrast/0`
radio-group · contrast	—	— · color.surface.default	spec/components/radio-group.md:57 `/contrast/0`
range · contrast	—	— · color.surface.default	spec/components/range.md:48 `/contrast/0`
repeater · contrast	—	— · color.surface.default	spec/components/repeater.md:49 `/contrast/0`
segmented-control · contrast	—	— · color.surface.default	spec/components/segmented-control.md:68 `/contrast/0`
select · contrast	—	— · color.surface.raised	spec/components/select.md:63 `/contrast/1`
skeleton · contrast	—	— · color.surface.default	spec/components/skeleton.md:44 `/contrast/0`
switch · contrast	—	hover · color.interaction.hover.bg	spec/components/switch.md:55 `/contrast/1`
switch · contrast	—	— · color.surface.default	spec/components/switch.md:58 `/contrast/4`
switch · contrast	—	— · color.surface.input	spec/components/switch.md:54 `/contrast/0`
timeline · contrast	—	— · color.surface.default	spec/components/timeline.md:44 `/contrast/0`
toast · contrast	—	— · color.status.info.tint	spec/components/toast.md:73 `/contrast/10`
toast · contrast	—	— · color.status.neutral.tint	spec/components/toast.md:76 `/contrast/13`
toast · contrast	—	— · color.status.success.tint	spec/components/toast.md:70 `/contrast/7`
toast · contrast	—	— · color.status.warning.tint	spec/components/toast.md:67 `/contrast/4`
tree · contrast	—	— · color.surface.default	spec/components/tree.md:54 `/contrast/0`
wizard · contrast	—	— · color.surface.default	spec/components/wizard.md:64 `/contrast/2`
Shared rule · contrast	—	— · color.diff.added.bg	spec/contrast.json:60 `/pairs/56`
Shared rule · contrast	—	— · color.diff.modified.bg	spec/contrast.json:62 `/pairs/58`
Shared rule · contrast	—	— · color.diff.removed.bg	spec/contrast.json:61 `/pairs/57`
Shared rule · contrast	—	— · color.surface.canvas	spec/contrast.json:4 `/pairs/0`
Shared rule · contrast	—	— · color.surface.default	spec/contrast.json:5 `/pairs/1`
Shared rule · contrast	—	— · color.surface.raised	spec/contrast.json:6 `/pairs/2`
admin-form · part	field.text	—	spec/components/admin-form.md:45 `/tokens/field.text`
admin-form · part	step.text	—	spec/components/admin-form.md:32 `/tokens/step.text`
alert · part	body.text	—	spec/components/alert.md:48 `/tokens/body.text`
avatar · part	root.text	—	spec/components/avatar.md:25 `/tokens/root.text`
breadcrumbs · part	ellipsis.text	—	spec/components/breadcrumbs.md:36 `/tokens/ellipsis.text`
button-group · part	root.text	—	spec/components/button-group.md:25 `/tokens/root.text`
card · part	body.text	—	spec/components/card.md:38 `/tokens/body.text`
chart · part	root.text	—	spec/components/chart.md:25 `/tokens/root.text`
chart · part	row.text	—	spec/components/chart.md:37 `/tokens/row.text`
checkbox · part	text.default	—	spec/components/checkbox.md:45 `/tokens/text.default`
chip · part	root.text	—	spec/components/chip.md:34 `/tokens/root.text`
combobox · part	input.text	—	spec/components/combobox.md:44 `/tokens/input.text`
combobox · part	option.text	—	spec/components/combobox.md:53 `/tokens/option.text`
command-palette · part	root.text	—	spec/components/command-palette.md:28 `/tokens/root.text`
compact-dashboard · part	root.text	—	spec/components/compact-dashboard.md:27 `/tokens/root.text`
data-table · part	row.text	—	spec/components/data-table.md:40 `/tokens/row.text`
date-picker · part	calendar.text	—	spec/components/date-picker.md:52 `/tokens/calendar.text`
date-picker · part	input.text	—	spec/components/date-picker.md:42 `/tokens/input.text`
description-list · part	root.text	—	spec/components/description-list.md:24 `/tokens/root.text`
diagnostics · part	code.text	—	spec/components/diagnostics.md:35 `/tokens/code.text`
diagnostics · part	row.text	—	spec/components/diagnostics.md:52 `/tokens/row.text`
dialog · part	text.text	—	spec/components/dialog.md:37 `/tokens/text.text`
diff-view · part	hunk.context	—	spec/components/diff-view.md:52 `/tokens/hunk.context`
diff-view · part	root.text	—	spec/components/diff-view.md:38 `/tokens/root.text`
disclosure · part	root.text	—	spec/components/disclosure.md:26 `/tokens/root.text`
drawer · part	item.text	—	spec/components/drawer.md:35 `/tokens/item.text`
drawer · part	text.text	—	spec/components/drawer.md:33 `/tokens/text.text`
editor-search · part	root.text	—	spec/components/editor-search.md:26 `/tokens/root.text`
error-state · part	root.text	—	spec/components/error-state.md:27 `/tokens/root.text`
field · part	root.text	—	spec/components/field.md:21 `/tokens/root.text`
fieldset · part	body.text	—	spec/components/fieldset.md:23 `/tokens/body.text`
file-browser · part	root.text	—	spec/components/file-browser.md:28 `/tokens/root.text`
file-input · part	list.text	—	spec/components/file-input.md:46 `/tokens/list.text`
filterable-table · part	chip.text	—	spec/components/filterable-table.md:47 `/tokens/chip.text`
filterable-table · part	filter.text	—	spec/components/filterable-table.md:41 `/tokens/filter.text`
filterable-table · part	pagination.text	—	spec/components/filterable-table.md:70 `/tokens/pagination.text`
filterable-table · part	row.text	—	spec/components/filterable-table.md:51 `/tokens/row.text`
filterable-table · part	search.text	—	spec/components/filterable-table.md:38 `/tokens/search.text`
form-builder · part	root.text	—	spec/components/form-builder.md:20 `/tokens/root.text`
i3-window-frame · part	bar.text	—	spec/components/i3-window-frame.md:35 `/tokens/bar.text`
i3-window-frame · part	workspace.text	—	spec/components/i3-window-frame.md:37 `/tokens/workspace.text`
kbd · part	root.text	—	spec/components/kbd.md:23 `/tokens/root.text`
list · part	row.text	—	spec/components/list.md:37 `/tokens/row.text`
loading-indicator · part	label.text	—	spec/components/loading-indicator.md:25 `/tokens/label.text`
menu · part	button.text	—	spec/components/menu.md:36 `/tokens/button.text`
menu · part	item.text	—	spec/components/menu.md:45 `/tokens/item.text`
multiselect · part	root.text	—	spec/components/multiselect.md:27 `/tokens/root.text`
number-field · part	input.text	—	spec/components/number-field.md:41 `/tokens/input.text`
pagination · part	link.text	—	spec/components/pagination.md:29 `/tokens/link.text`
pagination · part	status.text	—	spec/components/pagination.md:38 `/tokens/status.text`
popover · part	root.text	—	spec/components/popover.md:26 `/tokens/root.text`
progress · part	value.text	—	spec/components/progress.md:35 `/tokens/value.text`
radio-group · part	text.default	—	spec/components/radio-group.md:43 `/tokens/text.default`
range · part	root.text	—	spec/components/range.md:25 `/tokens/root.text`
repeater · part	root.text	—	spec/components/repeater.md:26 `/tokens/root.text`
search-field · part	input.text	—	spec/components/search-field.md:38 `/tokens/input.text`
segmented-control · part	root.text	—	spec/components/segmented-control.md:26 `/tokens/root.text`
select · part	control.text	—	spec/components/select.md:42 `/tokens/control.text`
select · part	option.text	—	spec/components/select.md:46 `/tokens/option.text`
settings-panel · part	control.text	—	spec/components/settings-panel.md:41 `/tokens/control.text`
settings-panel · part	nav.text	—	spec/components/settings-panel.md:31 `/tokens/nav.text`
sidebar-nav · part	link.text	—	spec/components/sidebar-nav.md:37 `/tokens/link.text`
skeleton · part	root.text	—	spec/components/skeleton.md:25 `/tokens/root.text`
switch · part	name.text	—	spec/components/switch.md:44 `/tokens/name.text`
switch · part	thumb.bg	—	spec/components/switch.md:41 `/tokens/thumb.bg`
table · part	row.text	—	spec/components/table.md:44 `/tokens/row.text`
tabs · part	panel.text	—	spec/components/tabs.md:42 `/tokens/panel.text`
tabs · part	tab.text	—	spec/components/tabs.md:33 `/tokens/tab.text`
text-field · part	input.text	—	spec/components/text-field.md:52 `/tokens/input.text`
textarea · part	input.text	—	spec/components/textarea.md:44 `/tokens/input.text`
time-picker · part	input.text	—	spec/components/time-picker.md:35 `/tokens/input.text`
timeline · part	root.text	—	spec/components/timeline.md:24 `/tokens/root.text`
toast · part	root.text	—	spec/components/toast.md:31 `/tokens/root.text`
toolbar · part	button.text	—	spec/components/toolbar.md:31 `/tokens/button.text`
tooltip · part	popup.text	—	spec/components/tooltip.md:30 `/tokens/popup.text`
tree · part	root.text	—	spec/components/tree.md:29 `/tokens/root.text`
wizard · part	step.text	—	spec/components/wizard.md:30 `/tokens/step.text`
wizard · part	text.text	—	spec/components/wizard.md:42 `/tokens/text.text`
code-editor · prose	—	—	spec/components/code-editor.md:136 `body`
admin-form · state	fg	default · color.surface.input	spec/components/admin-form.md:66 `/stateTokens/default/fg`
avatar · state	fg	default · color.surface.default	spec/components/avatar.md:39 `/stateTokens/default/fg`
breadcrumbs · state	fg	truncated · color.surface.default	spec/components/breadcrumbs.md:43 `/stateTokens/truncated/fg`
button-group · state	fg	default · color.surface.default	spec/components/button-group.md:44 `/stateTokens/default/fg`
card · state	fg	default · color.surface.default	spec/components/card.md:44 `/stateTokens/default/fg`
card · state	fg	focus-visible · color.surface.default	spec/components/card.md:46 `/stateTokens/focus-visible/fg`
card · state	fg	hover · color.interaction.hover.bg	spec/components/card.md:45 `/stateTokens/hover/fg`
chart · state	fg	default · color.surface.default	spec/components/chart.md:44 `/stateTokens/default/fg`
chip · state	fg	default · color.surface.default	spec/components/chip.md:48 `/stateTokens/default/fg`
chip · state	fg	focus-visible · color.surface.default	spec/components/chip.md:50 `/stateTokens/focus-visible/fg`
chip · state	fg	hover · color.interaction.hover.bg	spec/components/chip.md:49 `/stateTokens/hover/fg`
combobox · state	fg	default · color.surface.input	spec/components/combobox.md:65 `/stateTokens/default/fg`
combobox · state	fg	focus-visible · color.surface.input	spec/components/combobox.md:67 `/stateTokens/focus-visible/fg`
combobox · state	fg	invalid · color.surface.input	spec/components/combobox.md:70 `/stateTokens/invalid/fg`
combobox · state	fg	invalid+focus-visible · color.surface.input	spec/components/combobox.md:71 `/stateTokens/invalid+focus-visible/fg`
combobox · state	fg	open · color.surface.raised	spec/components/combobox.md:68 `/stateTokens/open/fg`
command-palette · state	fg	default · color.surface.default	spec/components/command-palette.md:51 `/stateTokens/default/fg`
compact-dashboard · state	fg	default · color.surface.default	spec/components/compact-dashboard.md:45 `/stateTokens/default/fg`
data-table · state	fg	default · color.surface.default	spec/components/data-table.md:56 `/stateTokens/default/fg`
data-table · state	fg	focus-visible · color.surface.default	spec/components/data-table.md:58 `/stateTokens/focus-visible/fg`
data-table · state	fg	hover · color.interaction.hover.bg	spec/components/data-table.md:57 `/stateTokens/hover/fg`
date-picker · state	fg	default · color.surface.input	spec/components/date-picker.md:57 `/stateTokens/default/fg`
date-picker · state	fg	focus-visible · color.surface.input	spec/components/date-picker.md:65 `/stateTokens/focus-visible/fg`
date-picker · state	fg	hover · color.interaction.hover.bg	spec/components/date-picker.md:61 `/stateTokens/hover/fg`
date-picker · state	fg	invalid · color.surface.input	spec/components/date-picker.md:70 `/stateTokens/invalid/fg`
date-picker · state	fg	invalid+focus-visible · color.surface.input	spec/components/date-picker.md:74 `/stateTokens/invalid+focus-visible/fg`
date-picker · state	fg	read-only · color.surface.canvas	spec/components/date-picker.md:79 `/stateTokens/read-only/fg`
description-list · state	fg	default · color.surface.default	spec/components/description-list.md:39 `/stateTokens/default/fg`
diagnostics · state	fg	default · color.surface.default	spec/components/diagnostics.md:65 `/stateTokens/default/fg`
diagnostics · state	fg	focus-visible · color.surface.default	spec/components/diagnostics.md:67 `/stateTokens/focus-visible/fg`
diagnostics · state	fg	hover · color.interaction.hover.bg	spec/components/diagnostics.md:66 `/stateTokens/hover/fg`
dialog · state	fg	default · color.surface.overlay	spec/components/dialog.md:55 `/stateTokens/default/fg`
dialog · state	fg	focus-trapped · color.surface.overlay	spec/components/dialog.md:57 `/stateTokens/focus-trapped/fg`
dialog · state	fg	open · color.surface.overlay	spec/components/dialog.md:56 `/stateTokens/open/fg`
dialog · state	fg	reduced-motion · color.surface.overlay	spec/components/dialog.md:60 `/stateTokens/reduced-motion/fg`
diff-view · state	fg	default · color.code.bg	spec/components/diff-view.md:63 `/stateTokens/default/fg`
diff-view · state	fg	focus-visible · color.code.bg	spec/components/diff-view.md:66 `/stateTokens/focus-visible/fg`
diff-view · state	fg	hover · color.interaction.hover.bg	spec/components/diff-view.md:64 `/stateTokens/hover/fg`
disclosure · state	fg	default · color.surface.default	spec/components/disclosure.md:46 `/stateTokens/default/fg`
drawer · state	fg	default · color.surface.overlay	spec/components/drawer.md:43 `/stateTokens/default/fg`
drawer · state	fg	focus-trapped · color.surface.overlay	spec/components/drawer.md:45 `/stateTokens/focus-trapped/fg`
drawer · state	fg	open · color.surface.overlay	spec/components/drawer.md:44 `/stateTokens/open/fg`
drawer · state	fg	reduced-motion · color.surface.overlay	spec/components/drawer.md:46 `/stateTokens/reduced-motion/fg`
editor-search · state	fg	default · color.surface.default	spec/components/editor-search.md:46 `/stateTokens/default/fg`
error-state · state	fg	default · color.surface.default	spec/components/error-state.md:48 `/stateTokens/default/fg`
file-browser · state	fg	default · color.surface.default	spec/components/file-browser.md:47 `/stateTokens/default/fg`
file-input · state	fg	drop-target · color.interaction.marquee	spec/components/file-input.md:60 `/stateTokens/drop-target/fg`
filterable-table · state	fg	default · color.surface.default	spec/components/filterable-table.md:74 `/stateTokens/default/fg`
filterable-table · state	fg	focus-visible · color.surface.default	spec/components/filterable-table.md:76 `/stateTokens/focus-visible/fg`
filterable-table · state	fg	hover · color.interaction.hover.bg	spec/components/filterable-table.md:75 `/stateTokens/hover/fg`
form-builder · state	fg	default · color.surface.default	spec/components/form-builder.md:24 `/stateTokens/default/fg`
kbd · state	fg	default · color.surface.default	spec/components/kbd.md:37 `/stateTokens/default/fg`
list · state	fg	default · color.surface.default	spec/components/list.md:50 `/stateTokens/default/fg`
list · state	fg	focus-visible · color.surface.default	spec/components/list.md:52 `/stateTokens/focus-visible/fg`
list · state	fg	hover · color.interaction.hover.bg	spec/components/list.md:51 `/stateTokens/hover/fg`
loading-indicator · state	fg	default · color.surface.canvas	spec/components/loading-indicator.md:29 `/stateTokens/default/fg`
loading-indicator · state	fg	reduced-motion · color.surface.canvas	spec/components/loading-indicator.md:30 `/stateTokens/reduced-motion/fg`
menu · state	fg	closed · color.surface.default	spec/components/menu.md:61 `/stateTokens/closed/fg`
menu · state	fg	default · color.surface.raised	spec/components/menu.md:57 `/stateTokens/default/fg`
menu · state	fg	focus-visible · color.surface.default	spec/components/menu.md:59 `/stateTokens/focus-visible/fg`
menu · state	fg	open · color.interaction.pressed.bg	spec/components/menu.md:60 `/stateTokens/open/fg`
multiselect · state	fg	default · color.surface.default	spec/components/multiselect.md:63 `/stateTokens/default/fg`
number-field · state	fg	default · color.surface.input	spec/components/number-field.md:53 `/stateTokens/default/fg`
number-field · state	fg	focus-visible · color.surface.input	spec/components/number-field.md:55 `/stateTokens/focus-visible/fg`
number-field · state	fg	hover · color.interaction.hover.bg	spec/components/number-field.md:54 `/stateTokens/hover/fg`
number-field · state	fg	invalid · color.surface.input	spec/components/number-field.md:56 `/stateTokens/invalid/fg`
number-field · state	fg	invalid+focus-visible · color.surface.input	spec/components/number-field.md:57 `/stateTokens/invalid+focus-visible/fg`
number-field · state	fg	read-only · color.surface.canvas	spec/components/number-field.md:58 `/stateTokens/read-only/fg`
pagination · state	fg	default · color.surface.default	spec/components/pagination.md:41 `/stateTokens/default/fg`
pagination · state	fg	focus-visible · color.surface.default	spec/components/pagination.md:43 `/stateTokens/focus-visible/fg`
pagination · state	fg	hover · color.interaction.hover.bg	spec/components/pagination.md:42 `/stateTokens/hover/fg`
popover · state	fg	default · color.surface.default	spec/components/popover.md:44 `/stateTokens/default/fg`
progress · state	fg	default · color.surface.canvas	spec/components/progress.md:39 `/stateTokens/default/fg`
range · state	fg	default · color.surface.default	spec/components/range.md:44 `/stateTokens/default/fg`
repeater · state	fg	default · color.surface.default	spec/components/repeater.md:45 `/stateTokens/default/fg`
search-field · state	fg	default · color.surface.input	spec/components/search-field.md:52 `/stateTokens/default/fg`
search-field · state	fg	focus-visible · color.surface.input	spec/components/search-field.md:54 `/stateTokens/focus-visible/fg`
search-field · state	fg	hover · color.interaction.hover.bg	spec/components/search-field.md:53 `/stateTokens/hover/fg`
search-field · state	fg	loading · color.surface.input	spec/components/search-field.md:56 `/stateTokens/loading/fg`
search-field · state	fg	no-results · color.surface.input	spec/components/search-field.md:57 `/stateTokens/no-results/fg`
segmented-control · state	fg	default · color.surface.default	spec/components/segmented-control.md:64 `/stateTokens/default/fg`
select · state	fg	default · color.surface.input	spec/components/select.md:55 `/stateTokens/default/fg`
select · state	fg	focus-visible · color.surface.input	spec/components/select.md:57 `/stateTokens/focus-visible/fg`
select · state	fg	hover · color.interaction.hover.bg	spec/components/select.md:56 `/stateTokens/hover/fg`
select · state	fg	invalid · color.surface.input	spec/components/select.md:59 `/stateTokens/invalid/fg`
select · state	fg	invalid+focus-visible · color.surface.input	spec/components/select.md:60 `/stateTokens/invalid+focus-visible/fg`
select · state	fg	required · color.surface.input	spec/components/select.md:58 `/stateTokens/required/fg`
settings-panel · state	fg	default · color.surface.default	spec/components/settings-panel.md:54 `/stateTokens/default/fg`
settings-panel · state	fg	focus-visible · color.surface.input	spec/components/settings-panel.md:55 `/stateTokens/focus-visible/fg`
settings-panel · state	fg	invalid · color.surface.input	spec/components/settings-panel.md:56 `/stateTokens/invalid/fg`
sidebar-nav · state	fg	collapsed · color.surface.default	spec/components/sidebar-nav.md:59 `/stateTokens/collapsed/fg`
sidebar-nav · state	fg	default · color.surface.default	spec/components/sidebar-nav.md:52 `/stateTokens/default/fg`
sidebar-nav · state	fg	expanded · color.surface.default	spec/components/sidebar-nav.md:58 `/stateTokens/expanded/fg`
sidebar-nav · state	fg	focus-visible · color.surface.default	spec/components/sidebar-nav.md:54 `/stateTokens/focus-visible/fg`
sidebar-nav · state	fg	hover · color.interaction.hover.bg	spec/components/sidebar-nav.md:53 `/stateTokens/hover/fg`
skeleton · state	fg	default · color.surface.default	spec/components/skeleton.md:40 `/stateTokens/default/fg`
table · state	fg	default · color.surface.default	spec/components/table.md:56 `/stateTokens/default/fg`
table · state	fg	hover · color.interaction.hover.bg	spec/components/table.md:57 `/stateTokens/hover/fg`
tabs · state	fg	default · color.surface.default	spec/components/tabs.md:44 `/stateTokens/default/fg`
tabs · state	fg	focus-visible · color.surface.default	spec/components/tabs.md:46 `/stateTokens/focus-visible/fg`
tabs · state	fg	hover · color.interaction.hover.bg	spec/components/tabs.md:45 `/stateTokens/hover/fg`
text-field · state	fg	default · color.surface.input	spec/components/text-field.md:68 `/stateTokens/default/fg`
text-field · state	fg	focus-visible · color.surface.input	spec/components/text-field.md:70 `/stateTokens/focus-visible/fg`
text-field · state	fg	hover · color.interaction.hover.bg	spec/components/text-field.md:69 `/stateTokens/hover/fg`
text-field · state	fg	invalid · color.surface.input	spec/components/text-field.md:72 `/stateTokens/invalid/fg`
text-field · state	fg	invalid+focus-visible · color.surface.input	spec/components/text-field.md:73 `/stateTokens/invalid+focus-visible/fg`
text-field · state	fg	read-only · color.surface.canvas	spec/components/text-field.md:74 `/stateTokens/read-only/fg`
textarea · state	fg	default · color.surface.input	spec/components/textarea.md:57 `/stateTokens/default/fg`
textarea · state	fg	focus-visible · color.surface.input	spec/components/textarea.md:59 `/stateTokens/focus-visible/fg`
textarea · state	fg	hover · color.interaction.hover.bg	spec/components/textarea.md:58 `/stateTokens/hover/fg`
textarea · state	fg	invalid · color.surface.input	spec/components/textarea.md:61 `/stateTokens/invalid/fg`
textarea · state	fg	invalid+focus-visible · color.surface.input	spec/components/textarea.md:62 `/stateTokens/invalid+focus-visible/fg`
textarea · state	fg	read-only · color.surface.canvas	spec/components/textarea.md:63 `/stateTokens/read-only/fg`
time-picker · state	fg	default · color.surface.input	spec/components/time-picker.md:43 `/stateTokens/default/fg`
time-picker · state	fg	focus-visible · color.surface.input	spec/components/time-picker.md:51 `/stateTokens/focus-visible/fg`
time-picker · state	fg	hover · color.interaction.hover.bg	spec/components/time-picker.md:47 `/stateTokens/hover/fg`
time-picker · state	fg	invalid · color.surface.input	spec/components/time-picker.md:56 `/stateTokens/invalid/fg`
timeline · state	fg	default · color.surface.default	spec/components/timeline.md:40 `/stateTokens/default/fg`
toast · state	fg	default · color.surface.canvas	spec/components/toast.md:57 `/stateTokens/default/fg`
toast · state	fg	reduced-motion · color.surface.canvas	spec/components/toast.md:61 `/stateTokens/reduced-motion/fg`
toolbar · state	fg	default · color.surface.chrome	spec/components/toolbar.md:42 `/stateTokens/default/fg`
toolbar · state	fg	focus-visible · color.surface.chrome	spec/components/toolbar.md:44 `/stateTokens/focus-visible/fg`
toolbar · state	fg	hover · color.interaction.hover.bg	spec/components/toolbar.md:43 `/stateTokens/hover/fg`
tooltip · state	fg	default · color.surface.raised	spec/components/tooltip.md:38 `/stateTokens/default/fg`
tooltip · state	fg	open · color.surface.raised	spec/components/tooltip.md:41 `/stateTokens/open/fg`
tree · state	fg	default · color.surface.default	spec/components/tree.md:50 `/stateTokens/default/fg`
wizard · state	fg	default · color.surface.canvas	spec/components/wizard.md:55 `/stateTokens/default/fg`
wizard · state	fg	hover · color.interaction.hover.bg	spec/components/wizard.md:56 `/stateTokens/hover/fg`

Relevant contrast declarations

code text: color.text.default on color.code.bg · spec/components/diagnostics.md:73 /contrast/0
diff-view default fg: color.text.default on color.code.bg · spec/components/diff-view.md:63 /stateTokens/default
diff-view focus-visible fg: color.text.default on color.code.bg · spec/components/diff-view.md:66 /stateTokens/focus-visible
code text on the error line: color.text.default on color.diagnostic.error.bg · spec/components/diagnostics.md:74 /contrast/1
default text on added-line background: color.text.default on color.diff.added.bg · spec/contrast.json:60 /pairs/56
text on an added row: color.text.default on color.diff.added.bg · spec/components/diff-view.md:70 /contrast/0
hunk context on the header: color.text.default on color.diff.header-bg · spec/components/diff-view.md:73 /contrast/3
default text on modified-line background: color.text.default on color.diff.modified.bg · spec/contrast.json:62 /pairs/58
text on a modified row: color.text.default on color.diff.modified.bg · spec/components/diff-view.md:72 /contrast/2
default text on removed-line background: color.text.default on color.diff.removed.bg · spec/contrast.json:61 /pairs/57
text on a removed row: color.text.default on color.diff.removed.bg · spec/components/diff-view.md:71 /contrast/1
card hover fg: color.text.default on color.interaction.hover.bg · spec/components/card.md:45 /stateTokens/hover
chip hover fg: color.text.default on color.interaction.hover.bg · spec/components/chip.md:49 /stateTokens/hover
data-table hover fg: color.text.default on color.interaction.hover.bg · spec/components/data-table.md:57 /stateTokens/hover
date-picker hover fg: color.text.default on color.interaction.hover.bg · spec/components/date-picker.md:61 /stateTokens/hover
diagnostics hover fg: color.text.default on color.interaction.hover.bg · spec/components/diagnostics.md:66 /stateTokens/hover
diff-view hover fg: color.text.default on color.interaction.hover.bg · spec/components/diff-view.md:64 /stateTokens/hover
filterable-table hover fg: color.text.default on color.interaction.hover.bg · spec/components/filterable-table.md:75 /stateTokens/hover
list hover fg: color.text.default on color.interaction.hover.bg · spec/components/list.md:51 /stateTokens/hover
number-field hover fg: color.text.default on color.interaction.hover.bg · spec/components/number-field.md:54 /stateTokens/hover
pagination hover fg: color.text.default on color.interaction.hover.bg · spec/components/pagination.md:42 /stateTokens/hover
row text on hover: color.text.default on color.interaction.hover.bg · spec/components/diagnostics.md:92 /contrast/19
search-field hover fg: color.text.default on color.interaction.hover.bg · spec/components/search-field.md:53 /stateTokens/hover
select hover fg: color.text.default on color.interaction.hover.bg · spec/components/select.md:56 /stateTokens/hover
sidebar-nav hover fg: color.text.default on color.interaction.hover.bg · spec/components/sidebar-nav.md:53 /stateTokens/hover
table hover fg: color.text.default on color.interaction.hover.bg · spec/components/table.md:57 /stateTokens/hover
tabs hover fg: color.text.default on color.interaction.hover.bg · spec/components/tabs.md:45 /stateTokens/hover
text-field hover fg: color.text.default on color.interaction.hover.bg · spec/components/text-field.md:69 /stateTokens/hover
textarea hover fg: color.text.default on color.interaction.hover.bg · spec/components/textarea.md:58 /stateTokens/hover
thumb on the hovered off track: color.text.default on color.interaction.hover.bg · spec/components/switch.md:55 /contrast/1
time-picker hover fg: color.text.default on color.interaction.hover.bg · spec/components/time-picker.md:47 /stateTokens/hover
toolbar hover fg: color.text.default on color.interaction.hover.bg · spec/components/toolbar.md:43 /stateTokens/hover
wizard hover fg: color.text.default on color.interaction.hover.bg · spec/components/wizard.md:56 /stateTokens/hover
file-input drop-target fg: color.text.default on color.interaction.marquee · spec/components/file-input.md:60 /stateTokens/drop-target
menu open fg: color.text.default on color.interaction.pressed.bg · spec/components/menu.md:60 /stateTokens/open
body text on the danger tint: color.text.default on color.status.danger.tint · spec/components/alert.md:57 /contrast/0
summary text on the danger tint: color.text.default on color.status.danger.tint · spec/components/admin-form.md:76 /contrast/6
body text on the info tint: color.text.default on color.status.info.tint · spec/components/alert.md:66 /contrast/9
notice text on its tint: color.text.default on color.status.info.tint · spec/components/admin-form.md:75 /contrast/5
text on the info tint: color.text.default on color.status.info.tint · spec/components/toast.md:73 /contrast/10
body text on the neutral tint: color.text.default on color.status.neutral.tint · spec/components/alert.md:69 /contrast/12
text on the neutral tint: color.text.default on color.status.neutral.tint · spec/components/toast.md:76 /contrast/13
body text on the success tint: color.text.default on color.status.success.tint · spec/components/alert.md:63 /contrast/6
text on the success tint: color.text.default on color.status.success.tint · spec/components/toast.md:70 /contrast/7
body text on the warning tint: color.text.default on color.status.warning.tint · spec/components/alert.md:60 /contrast/3
text on the warning tint: color.text.default on color.status.warning.tint · spec/components/toast.md:67 /contrast/4
date-picker read-only fg: color.text.default on color.surface.canvas · spec/components/date-picker.md:79 /stateTokens/read-only
default text on canvas: color.text.default on color.surface.canvas · spec/contrast.json:4 /pairs/0
loading-indicator default fg: color.text.default on color.surface.canvas · spec/components/loading-indicator.md:29 /stateTokens/default
loading-indicator reduced-motion fg: color.text.default on color.surface.canvas · spec/components/loading-indicator.md:30 /stateTokens/reduced-motion
number-field read-only fg: color.text.default on color.surface.canvas · spec/components/number-field.md:58 /stateTokens/read-only
progress default fg: color.text.default on color.surface.canvas · spec/components/progress.md:39 /stateTokens/default
text-field read-only fg: color.text.default on color.surface.canvas · spec/components/text-field.md:74 /stateTokens/read-only
textarea read-only fg: color.text.default on color.surface.canvas · spec/components/textarea.md:63 /stateTokens/read-only
toast default fg: color.text.default on color.surface.canvas · spec/components/toast.md:57 /stateTokens/default
toast reduced-motion fg: color.text.default on color.surface.canvas · spec/components/toast.md:61 /stateTokens/reduced-motion
wizard default fg: color.text.default on color.surface.canvas · spec/components/wizard.md:55 /stateTokens/default
toolbar controls on the chrome surface: color.text.default on color.surface.chrome · spec/components/filterable-table.md:80 /contrast/0
toolbar default fg: color.text.default on color.surface.chrome · spec/components/toolbar.md:42 /stateTokens/default
toolbar focus-visible fg: color.text.default on color.surface.chrome · spec/components/toolbar.md:44 /stateTokens/focus-visible
workspace names and status text on the bar: color.text.default on color.surface.chrome · spec/components/i3-window-frame.md:71 /contrast/0
avatar default fg: color.text.default on color.surface.default · spec/components/avatar.md:39 /stateTokens/default
block label on the panel surface: color.text.default on color.surface.default · spec/components/loading-indicator.md:33 /contrast/1
breadcrumbs truncated fg: color.text.default on color.surface.default · spec/components/breadcrumbs.md:43 /stateTokens/truncated
button-group default fg: color.text.default on color.surface.default · spec/components/button-group.md:44 /stateTokens/default
card default fg: color.text.default on color.surface.default · spec/components/card.md:44 /stateTokens/default
card focus-visible fg: color.text.default on color.surface.default · spec/components/card.md:46 /stateTokens/focus-visible
chart default fg: color.text.default on color.surface.default · spec/components/chart.md:44 /stateTokens/default
chip default fg: color.text.default on color.surface.default · spec/components/chip.md:48 /stateTokens/default
chip focus-visible fg: color.text.default on color.surface.default · spec/components/chip.md:50 /stateTokens/focus-visible
command-palette default fg: color.text.default on color.surface.default · spec/components/command-palette.md:51 /stateTokens/default
compact-dashboard default fg: color.text.default on color.surface.default · spec/components/compact-dashboard.md:45 /stateTokens/default
data-table default fg: color.text.default on color.surface.default · spec/components/data-table.md:56 /stateTokens/default
data-table focus-visible fg: color.text.default on color.surface.default · spec/components/data-table.md:58 /stateTokens/focus-visible
default text on default surface: color.text.default on color.surface.default · spec/contrast.json:5 /pairs/1
description-list default fg: color.text.default on color.surface.default · spec/components/description-list.md:39 /stateTokens/default
diagnostics default fg: color.text.default on color.surface.default · spec/components/diagnostics.md:65 /stateTokens/default
diagnostics focus-visible fg: color.text.default on color.surface.default · spec/components/diagnostics.md:67 /stateTokens/focus-visible
disclosure default fg: color.text.default on color.surface.default · spec/components/disclosure.md:46 /stateTokens/default
Editor text: color.text.default on color.surface.default · spec/components/form-builder.md:26 /contrast/0
editor-search default fg: color.text.default on color.surface.default · spec/components/editor-search.md:46 /stateTokens/default
error-state default fg: color.text.default on color.surface.default · spec/components/error-state.md:48 /stateTokens/default
field labels inside the group: color.text.default on color.surface.default · spec/components/fieldset.md:35 /contrast/1
file-browser default fg: color.text.default on color.surface.default · spec/components/file-browser.md:47 /stateTokens/default
filterable-table default fg: color.text.default on color.surface.default · spec/components/filterable-table.md:74 /stateTokens/default
filterable-table focus-visible fg: color.text.default on color.surface.default · spec/components/filterable-table.md:76 /stateTokens/focus-visible
form-builder default fg: color.text.default on color.surface.default · spec/components/form-builder.md:24 /stateTokens/default
kbd default fg: color.text.default on color.surface.default · spec/components/kbd.md:37 /stateTokens/default
list default fg: color.text.default on color.surface.default · spec/components/list.md:50 /stateTokens/default
list focus-visible fg: color.text.default on color.surface.default · spec/components/list.md:52 /stateTokens/focus-visible
menu closed fg: color.text.default on color.surface.default · spec/components/menu.md:61 /stateTokens/closed
menu focus-visible fg: color.text.default on color.surface.default · spec/components/menu.md:59 /stateTokens/focus-visible
multiselect default fg: color.text.default on color.surface.default · spec/components/multiselect.md:63 /stateTokens/default
option text on the panel surface: color.text.default on color.surface.default · spec/components/checkbox.md:60 /contrast/0
option text on the panel surface: color.text.default on color.surface.default · spec/components/radio-group.md:57 /contrast/0
pagination default fg: color.text.default on color.surface.default · spec/components/pagination.md:41 /stateTokens/default
pagination focus-visible fg: color.text.default on color.surface.default · spec/components/pagination.md:43 /stateTokens/focus-visible
panel text on the panel surface: color.text.default on color.surface.default · spec/components/wizard.md:64 /contrast/2
popover default fg: color.text.default on color.surface.default · spec/components/popover.md:44 /stateTokens/default
Primary content: color.text.default on color.surface.default · spec/components/avatar.md:43 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/button-group.md:48 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/chart.md:48 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/command-palette.md:55 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/compact-dashboard.md:49 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/description-list.md:43 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/disclosure.md:50 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/editor-search.md:50 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/error-state.md:52 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/file-browser.md:51 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/kbd.md:41 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/multiselect.md:67 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/popover.md:48 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/range.md:48 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/repeater.md:49 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/segmented-control.md:68 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/skeleton.md:44 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/timeline.md:44 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/tree.md:54 /contrast/0
range default fg: color.text.default on color.surface.default · spec/components/range.md:44 /stateTokens/default
repeater default fg: color.text.default on color.surface.default · spec/components/repeater.md:45 /stateTokens/default
segmented-control default fg: color.text.default on color.surface.default · spec/components/segmented-control.md:64 /stateTokens/default
settings-panel default fg: color.text.default on color.surface.default · spec/components/settings-panel.md:54 /stateTokens/default
sidebar-nav collapsed fg: color.text.default on color.surface.default · spec/components/sidebar-nav.md:59 /stateTokens/collapsed
sidebar-nav default fg: color.text.default on color.surface.default · spec/components/sidebar-nav.md:52 /stateTokens/default
sidebar-nav expanded fg: color.text.default on color.surface.default · spec/components/sidebar-nav.md:58 /stateTokens/expanded
sidebar-nav focus-visible fg: color.text.default on color.surface.default · spec/components/sidebar-nav.md:54 /stateTokens/focus-visible
skeleton default fg: color.text.default on color.surface.default · spec/components/skeleton.md:40 /stateTokens/default
table default fg: color.text.default on color.surface.default · spec/components/table.md:56 /stateTokens/default
tabs default fg: color.text.default on color.surface.default · spec/components/tabs.md:44 /stateTokens/default
tabs focus-visible fg: color.text.default on color.surface.default · spec/components/tabs.md:46 /stateTokens/focus-visible
timeline default fg: color.text.default on color.surface.default · spec/components/timeline.md:40 /stateTokens/default
tree default fg: color.text.default on color.surface.default · spec/components/tree.md:50 /stateTokens/default
visible name on the panel surface: color.text.default on color.surface.default · spec/components/switch.md:58 /contrast/4
admin-form default fg: color.text.default on color.surface.input · spec/components/admin-form.md:66 /stateTokens/default
combobox default fg: color.text.default on color.surface.input · spec/components/combobox.md:65 /stateTokens/default
combobox focus-visible fg: color.text.default on color.surface.input · spec/components/combobox.md:67 /stateTokens/focus-visible
combobox invalid fg: color.text.default on color.surface.input · spec/components/combobox.md:70 /stateTokens/invalid
combobox invalid+focus-visible fg: color.text.default on color.surface.input · spec/components/combobox.md:71 /stateTokens/invalid+focus-visible
date-picker default fg: color.text.default on color.surface.input · spec/components/date-picker.md:57 /stateTokens/default
date-picker focus-visible fg: color.text.default on color.surface.input · spec/components/date-picker.md:65 /stateTokens/focus-visible
date-picker invalid fg: color.text.default on color.surface.input · spec/components/date-picker.md:70 /stateTokens/invalid
date-picker invalid+focus-visible fg: color.text.default on color.surface.input · spec/components/date-picker.md:74 /stateTokens/invalid+focus-visible
form field text: color.text.default on color.surface.input · spec/components/dialog.md:71 /contrast/9
number-field default fg: color.text.default on color.surface.input · spec/components/number-field.md:53 /stateTokens/default
number-field focus-visible fg: color.text.default on color.surface.input · spec/components/number-field.md:55 /stateTokens/focus-visible
number-field invalid fg: color.text.default on color.surface.input · spec/components/number-field.md:56 /stateTokens/invalid
number-field invalid+focus-visible fg: color.text.default on color.surface.input · spec/components/number-field.md:57 /stateTokens/invalid+focus-visible
search-field default fg: color.text.default on color.surface.input · spec/components/search-field.md:52 /stateTokens/default
search-field focus-visible fg: color.text.default on color.surface.input · spec/components/search-field.md:54 /stateTokens/focus-visible
search-field loading fg: color.text.default on color.surface.input · spec/components/search-field.md:56 /stateTokens/loading
search-field no-results fg: color.text.default on color.surface.input · spec/components/search-field.md:57 /stateTokens/no-results
select default fg: color.text.default on color.surface.input · spec/components/select.md:55 /stateTokens/default
select focus-visible fg: color.text.default on color.surface.input · spec/components/select.md:57 /stateTokens/focus-visible
select invalid fg: color.text.default on color.surface.input · spec/components/select.md:59 /stateTokens/invalid
select invalid+focus-visible fg: color.text.default on color.surface.input · spec/components/select.md:60 /stateTokens/invalid+focus-visible
select required fg: color.text.default on color.surface.input · spec/components/select.md:58 /stateTokens/required
settings-panel focus-visible fg: color.text.default on color.surface.input · spec/components/settings-panel.md:55 /stateTokens/focus-visible
settings-panel invalid fg: color.text.default on color.surface.input · spec/components/settings-panel.md:56 /stateTokens/invalid
text-field default fg: color.text.default on color.surface.input · spec/components/text-field.md:68 /stateTokens/default
text-field focus-visible fg: color.text.default on color.surface.input · spec/components/text-field.md:70 /stateTokens/focus-visible
text-field invalid fg: color.text.default on color.surface.input · spec/components/text-field.md:72 /stateTokens/invalid
text-field invalid+focus-visible fg: color.text.default on color.surface.input · spec/components/text-field.md:73 /stateTokens/invalid+focus-visible
textarea default fg: color.text.default on color.surface.input · spec/components/textarea.md:57 /stateTokens/default
textarea focus-visible fg: color.text.default on color.surface.input · spec/components/textarea.md:59 /stateTokens/focus-visible
textarea invalid fg: color.text.default on color.surface.input · spec/components/textarea.md:61 /stateTokens/invalid
textarea invalid+focus-visible fg: color.text.default on color.surface.input · spec/components/textarea.md:62 /stateTokens/invalid+focus-visible
thumb on the off track: color.text.default on color.surface.input · spec/components/switch.md:54 /contrast/0
time-picker default fg: color.text.default on color.surface.input · spec/components/time-picker.md:43 /stateTokens/default
time-picker focus-visible fg: color.text.default on color.surface.input · spec/components/time-picker.md:51 /stateTokens/focus-visible
time-picker invalid fg: color.text.default on color.surface.input · spec/components/time-picker.md:56 /stateTokens/invalid
dialog default fg: color.text.default on color.surface.overlay · spec/components/dialog.md:55 /stateTokens/default
dialog focus-trapped fg: color.text.default on color.surface.overlay · spec/components/dialog.md:57 /stateTokens/focus-trapped
dialog open fg: color.text.default on color.surface.overlay · spec/components/dialog.md:56 /stateTokens/open
dialog reduced-motion fg: color.text.default on color.surface.overlay · spec/components/dialog.md:60 /stateTokens/reduced-motion
drawer default fg: color.text.default on color.surface.overlay · spec/components/drawer.md:43 /stateTokens/default
drawer focus-trapped fg: color.text.default on color.surface.overlay · spec/components/drawer.md:45 /stateTokens/focus-trapped
drawer open fg: color.text.default on color.surface.overlay · spec/components/drawer.md:44 /stateTokens/open
drawer reduced-motion fg: color.text.default on color.surface.overlay · spec/components/drawer.md:46 /stateTokens/reduced-motion
calendar text: color.text.default on color.surface.raised · spec/components/date-picker.md:108 /contrast/5
combobox open fg: color.text.default on color.surface.raised · spec/components/combobox.md:68 /stateTokens/open
default text on raised: color.text.default on color.surface.raised · spec/contrast.json:6 /pairs/2
menu default fg: color.text.default on color.surface.raised · spec/components/menu.md:57 /stateTokens/default
option text in the themed list: color.text.default on color.surface.raised · spec/components/select.md:63 /contrast/1
tooltip default fg: color.text.default on color.surface.raised · spec/components/tooltip.md:38 /stateTokens/default
tooltip open fg: color.text.default on color.surface.raised · spec/components/tooltip.md:41 /stateTokens/open