j3w1 / color.text.brightVue · HTML · React · Astro

J3W1 / DESIGN SYSTEM

color.text.bright

Headings and emphasis. Links use color.text.link.

Source revision 1faefcf014c8bf01a6b27308ea796da968773a81

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

Report an issue with this token

color.text.bright
--color-text-bright

default · approved

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

Provenance and restrictions

null

Declared component and port usage

Consumer / kindPart / variantState / surfaceSource declaration
admin-form · contrast—— · color.surface.defaultspec/components/admin-form.md:70 /contrast/0
card · contrast—hover · color.interaction.hover.bgspec/components/card.md:52 /contrast/2
card · contrast—— · color.surface.defaultspec/components/card.md:50 /contrast/0
checkbox · contrast—— · color.surface.defaultspec/components/checkbox.md:61 /contrast/1
data-table · contrast—— · color.surface.defaultspec/components/data-table.md:66 /contrast/0
dialog · contrast—— · color.surface.overlayspec/components/dialog.md:62 /contrast/0
diff-view · contrast—— · color.diff.header-bgspec/components/diff-view.md:85 /contrast/15
drawer · contrast—— · color.surface.overlayspec/components/drawer.md:48 /contrast/0
empty-state · contrast—— · color.surface.defaultspec/components/empty-state.md:35 /contrast/0
filterable-table · contrast—— · color.surface.defaultspec/components/filterable-table.md:82 /contrast/2
i3-window-frame · contrast—— · color.surface.chrome-altspec/components/i3-window-frame.md:73 /contrast/2
i3-window-frame · contrast—— · color.surface.chromespec/components/i3-window-frame.md:72 /contrast/1
progress · contrast—— · color.surface.canvasspec/components/progress.md:42 /contrast/0
radio-group · contrast—— · color.surface.defaultspec/components/radio-group.md:58 /contrast/1
settings-panel · contrast—— · color.surface.defaultspec/components/settings-panel.md:59 /contrast/0
table · contrast—— · color.surface.defaultspec/components/table.md:65 /contrast/0
table · contrast—— · color.surface.raisedspec/components/table.md:66 /contrast/1
tooltip · contrast—— · color.surface.raisedspec/components/tooltip.md:43 /contrast/0
wizard · contrast—— · color.surface.defaultspec/components/wizard.md:63 /contrast/1
Shared rule · contrast—— · color.surface.canvasspec/contrast.json:7 /pairs/3
admin-form · partcrumbs.current—spec/components/admin-form.md:30 /tokens/crumbs.current
admin-form · partfield.label—spec/components/admin-form.md:46 /tokens/field.label
admin-form · partstep.current-text—spec/components/admin-form.md:33 /tokens/step.current-text
admin-form · parttitle.text—spec/components/admin-form.md:31 /tokens/title.text
avatar · partheading.text—spec/components/avatar.md:27 /tokens/heading.text
breadcrumbs · partcurrent.text—spec/components/breadcrumbs.md:34 /tokens/current.text
button-group · partheading.text—spec/components/button-group.md:27 /tokens/heading.text
card · parttitle.text—spec/components/card.md:37 /tokens/title.text
chart · partheader.text—spec/components/chart.md:36 /tokens/header.text
chart · partheading.text—spec/components/chart.md:27 /tokens/heading.text
checkbox · partlegend.text—spec/components/checkbox.md:47 /tokens/legend.text
chip · partremove.text-hover—spec/components/chip.md:45 /tokens/remove.text-hover
combobox · partlabel.text—spec/components/combobox.md:50 /tokens/label.text
command-palette · partheading.text—spec/components/command-palette.md:30 /tokens/heading.text
compact-dashboard · partheading.text—spec/components/compact-dashboard.md:29 /tokens/heading.text
data-table · partheader.text—spec/components/data-table.md:37 /tokens/header.text
data-table · partsort.glyph—spec/components/data-table.md:39 /tokens/sort.glyph
date-picker · partlabel.text—spec/components/date-picker.md:45 /tokens/label.text
date-picker · partlegend.text—spec/components/date-picker.md:46 /tokens/legend.text
description-list · partheading.text—spec/components/description-list.md:26 /tokens/heading.text
diagnostics · partheader.text—spec/components/diagnostics.md:60 /tokens/header.text
dialog · partfield.label—spec/components/dialog.md:52 /tokens/field.label
dialog · parttitle.text—spec/components/dialog.md:36 /tokens/title.text
diff-view · partconflict.marker · conflict—spec/components/diff-view.md:54 /tokens/conflict.marker
disclosure · partheading.text—spec/components/disclosure.md:28 /tokens/heading.text
drawer · parttitle.text—spec/components/drawer.md:32 /tokens/title.text
editor-search · partheading.text—spec/components/editor-search.md:28 /tokens/heading.text
empty-state · partheading.text—spec/components/empty-state.md:26 /tokens/heading.text
error-state · partheading.text—spec/components/error-state.md:29 /tokens/heading.text
field · partlabel.text—spec/components/field.md:22 /tokens/label.text
fieldset · partlegend.text—spec/components/fieldset.md:22 /tokens/legend.text
file-browser · partheading.text—spec/components/file-browser.md:30 /tokens/heading.text
file-input · partlabel.text—spec/components/file-input.md:44 /tokens/label.text
filterable-table · partempty.heading · empty—spec/components/filterable-table.md:67 /tokens/empty.heading
filterable-table · partheader.text—spec/components/filterable-table.md:49 /tokens/header.text
filterable-table · partpagination.current—spec/components/filterable-table.md:71 /tokens/pagination.current
i3-window-frame · partclock.text—spec/components/i3-window-frame.md:47 /tokens/clock.text
i3-window-frame · parttitle.text-focused—spec/components/i3-window-frame.md:56 /tokens/title.text-focused
kbd · partheading.text—spec/components/kbd.md:25 /tokens/heading.text
link · partroot.text-current—spec/components/link.md:32 /tokens/root.text-current
menu · partcheck.glyph—spec/components/menu.md:52 /tokens/check.glyph
multiselect · partheading.text—spec/components/multiselect.md:29 /tokens/heading.text
number-field · partlabel.text—spec/components/number-field.md:49 /tokens/label.text
pagination · partstatus.emphasis—spec/components/pagination.md:39 /tokens/status.emphasis
popover · partheading.text—spec/components/popover.md:28 /tokens/heading.text
progress · partlabel.text—spec/components/progress.md:34 /tokens/label.text
radio-group · partlegend.text—spec/components/radio-group.md:45 /tokens/legend.text
range · partheading.text—spec/components/range.md:27 /tokens/heading.text
repeater · partheading.text—spec/components/repeater.md:28 /tokens/heading.text
search-field · partlabel.text—spec/components/search-field.md:48 /tokens/label.text
segmented-control · partheading.text—spec/components/segmented-control.md:28 /tokens/heading.text
select · partlabel.text—spec/components/select.md:50 /tokens/label.text
settings-panel · partgroup.legend—spec/components/settings-panel.md:38 /tokens/group.legend
settings-panel · partnav.current-text—spec/components/settings-panel.md:32 /tokens/nav.current-text
settings-panel · parttitle.text—spec/components/settings-panel.md:35 /tokens/title.text
sidebar-nav · partcurrent.text—spec/components/sidebar-nav.md:43 /tokens/current.text
skeleton · partheading.text—spec/components/skeleton.md:27 /tokens/heading.text
skip-link · partroot.text—spec/components/skip-link.md:22 /tokens/root.text
table · partheader.text—spec/components/table.md:38 /tokens/header.text
table · partsort.glyph—spec/components/table.md:42 /tokens/sort.glyph
tabs · parttab.text-selected—spec/components/tabs.md:34 /tokens/tab.text-selected
text-field · partlabel.text—spec/components/text-field.md:58 /tokens/label.text
textarea · partlabel.text—spec/components/textarea.md:50 /tokens/label.text
time-picker · partlabel.text—spec/components/time-picker.md:38 /tokens/label.text
timeline · partheading.text—spec/components/timeline.md:26 /tokens/heading.text
toolbar · parttoggled.text—spec/components/toolbar.md:38 /tokens/toggled.text
tooltip · partshortcut.text—spec/components/tooltip.md:31 /tokens/shortcut.text
tree · partheading.text—spec/components/tree.md:31 /tokens/heading.text
wizard · partstep.text-current—spec/components/wizard.md:33 /tokens/step.text-current
wizard · parttitle.text—spec/components/wizard.md:41 /tokens/title.text
breadcrumbs · statefgcurrent · color.surface.defaultspec/components/breadcrumbs.md:42 /stateTokens/current/fg
data-table · statefgsorted · color.surface.defaultspec/components/data-table.md:61 /stateTokens/sorted/fg
field · statefgdefault · color.surface.defaultspec/components/field.md:33 /stateTokens/default/fg
fieldset · statefgdefault · color.surface.defaultspec/components/fieldset.md:32 /stateTokens/default/fg
i3-window-frame · statefgfocus-visible · color.surface.chrome-altspec/components/i3-window-frame.md:66 /stateTokens/focus-visible/fg
link · statefgcurrent · color.surface.canvasspec/components/link.md:40 /stateTokens/current/fg
menu · statefgchecked · color.surface.raisedspec/components/menu.md:62 /stateTokens/checked/fg
sidebar-nav · statefgcurrent · color.surface.defaultspec/components/sidebar-nav.md:55 /stateTokens/current/fg
skip-link · statefgdefault · color.surface.raisedspec/components/skip-link.md:26 /stateTokens/default/fg
skip-link · statefgfocus-visible · color.surface.raisedspec/components/skip-link.md:27 /stateTokens/focus-visible/fg
table · statefgsorted · color.surface.defaultspec/components/table.md:61 /stateTokens/sorted/fg
tabs · statefgselected · color.surface.defaultspec/components/tabs.md:47 /stateTokens/selected/fg
tabs · statefgselected+container-inactive · color.surface.defaultspec/components/tabs.md:49 /stateTokens/selected+container-inactive/fg
tabs · statefgselected+focus-visible · color.surface.defaultspec/components/tabs.md:48 /stateTokens/selected+focus-visible/fg
toolbar · statefgtoggled · color.interaction.pressed.bgspec/components/toolbar.md:45 /stateTokens/toggled/fg
wizard · statefgcurrent · color.surface.canvasspec/components/wizard.md:58 /stateTokens/current/fg
wizard · statefgfocus-visible · color.surface.canvasspec/components/wizard.md:57 /stateTokens/focus-visible/fg

Relevant contrast declarations

heritage-ansi · heritage

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

Provenance and restrictions

null

Declared component and port usage

Consumer / kindPart / variantState / surfaceSource declaration
admin-form · contrast—— · color.surface.defaultspec/components/admin-form.md:70 /contrast/0
card · contrast—hover · color.interaction.hover.bgspec/components/card.md:52 /contrast/2
card · contrast—— · color.surface.defaultspec/components/card.md:50 /contrast/0
checkbox · contrast—— · color.surface.defaultspec/components/checkbox.md:61 /contrast/1
data-table · contrast—— · color.surface.defaultspec/components/data-table.md:66 /contrast/0
dialog · contrast—— · color.surface.overlayspec/components/dialog.md:62 /contrast/0
diff-view · contrast—— · color.diff.header-bgspec/components/diff-view.md:85 /contrast/15
drawer · contrast—— · color.surface.overlayspec/components/drawer.md:48 /contrast/0
empty-state · contrast—— · color.surface.defaultspec/components/empty-state.md:35 /contrast/0
filterable-table · contrast—— · color.surface.defaultspec/components/filterable-table.md:82 /contrast/2
i3-window-frame · contrast—— · color.surface.chrome-altspec/components/i3-window-frame.md:73 /contrast/2
i3-window-frame · contrast—— · color.surface.chromespec/components/i3-window-frame.md:72 /contrast/1
progress · contrast—— · color.surface.canvasspec/components/progress.md:42 /contrast/0
radio-group · contrast—— · color.surface.defaultspec/components/radio-group.md:58 /contrast/1
settings-panel · contrast—— · color.surface.defaultspec/components/settings-panel.md:59 /contrast/0
table · contrast—— · color.surface.defaultspec/components/table.md:65 /contrast/0
table · contrast—— · color.surface.raisedspec/components/table.md:66 /contrast/1
tooltip · contrast—— · color.surface.raisedspec/components/tooltip.md:43 /contrast/0
wizard · contrast—— · color.surface.defaultspec/components/wizard.md:63 /contrast/1
Shared rule · contrast—— · color.surface.canvasspec/contrast.json:7 /pairs/3
admin-form · partcrumbs.current—spec/components/admin-form.md:30 /tokens/crumbs.current
admin-form · partfield.label—spec/components/admin-form.md:46 /tokens/field.label
admin-form · partstep.current-text—spec/components/admin-form.md:33 /tokens/step.current-text
admin-form · parttitle.text—spec/components/admin-form.md:31 /tokens/title.text
avatar · partheading.text—spec/components/avatar.md:27 /tokens/heading.text
breadcrumbs · partcurrent.text—spec/components/breadcrumbs.md:34 /tokens/current.text
button-group · partheading.text—spec/components/button-group.md:27 /tokens/heading.text
card · parttitle.text—spec/components/card.md:37 /tokens/title.text
chart · partheader.text—spec/components/chart.md:36 /tokens/header.text
chart · partheading.text—spec/components/chart.md:27 /tokens/heading.text
checkbox · partlegend.text—spec/components/checkbox.md:47 /tokens/legend.text
chip · partremove.text-hover—spec/components/chip.md:45 /tokens/remove.text-hover
combobox · partlabel.text—spec/components/combobox.md:50 /tokens/label.text
command-palette · partheading.text—spec/components/command-palette.md:30 /tokens/heading.text
compact-dashboard · partheading.text—spec/components/compact-dashboard.md:29 /tokens/heading.text
data-table · partheader.text—spec/components/data-table.md:37 /tokens/header.text
data-table · partsort.glyph—spec/components/data-table.md:39 /tokens/sort.glyph
date-picker · partlabel.text—spec/components/date-picker.md:45 /tokens/label.text
date-picker · partlegend.text—spec/components/date-picker.md:46 /tokens/legend.text
description-list · partheading.text—spec/components/description-list.md:26 /tokens/heading.text
diagnostics · partheader.text—spec/components/diagnostics.md:60 /tokens/header.text
dialog · partfield.label—spec/components/dialog.md:52 /tokens/field.label
dialog · parttitle.text—spec/components/dialog.md:36 /tokens/title.text
diff-view · partconflict.marker · conflict—spec/components/diff-view.md:54 /tokens/conflict.marker
disclosure · partheading.text—spec/components/disclosure.md:28 /tokens/heading.text
drawer · parttitle.text—spec/components/drawer.md:32 /tokens/title.text
editor-search · partheading.text—spec/components/editor-search.md:28 /tokens/heading.text
empty-state · partheading.text—spec/components/empty-state.md:26 /tokens/heading.text
error-state · partheading.text—spec/components/error-state.md:29 /tokens/heading.text
field · partlabel.text—spec/components/field.md:22 /tokens/label.text
fieldset · partlegend.text—spec/components/fieldset.md:22 /tokens/legend.text
file-browser · partheading.text—spec/components/file-browser.md:30 /tokens/heading.text
file-input · partlabel.text—spec/components/file-input.md:44 /tokens/label.text
filterable-table · partempty.heading · empty—spec/components/filterable-table.md:67 /tokens/empty.heading
filterable-table · partheader.text—spec/components/filterable-table.md:49 /tokens/header.text
filterable-table · partpagination.current—spec/components/filterable-table.md:71 /tokens/pagination.current
i3-window-frame · partclock.text—spec/components/i3-window-frame.md:47 /tokens/clock.text
i3-window-frame · parttitle.text-focused—spec/components/i3-window-frame.md:56 /tokens/title.text-focused
kbd · partheading.text—spec/components/kbd.md:25 /tokens/heading.text
link · partroot.text-current—spec/components/link.md:32 /tokens/root.text-current
menu · partcheck.glyph—spec/components/menu.md:52 /tokens/check.glyph
multiselect · partheading.text—spec/components/multiselect.md:29 /tokens/heading.text
number-field · partlabel.text—spec/components/number-field.md:49 /tokens/label.text
pagination · partstatus.emphasis—spec/components/pagination.md:39 /tokens/status.emphasis
popover · partheading.text—spec/components/popover.md:28 /tokens/heading.text
progress · partlabel.text—spec/components/progress.md:34 /tokens/label.text
radio-group · partlegend.text—spec/components/radio-group.md:45 /tokens/legend.text
range · partheading.text—spec/components/range.md:27 /tokens/heading.text
repeater · partheading.text—spec/components/repeater.md:28 /tokens/heading.text
search-field · partlabel.text—spec/components/search-field.md:48 /tokens/label.text
segmented-control · partheading.text—spec/components/segmented-control.md:28 /tokens/heading.text
select · partlabel.text—spec/components/select.md:50 /tokens/label.text
settings-panel · partgroup.legend—spec/components/settings-panel.md:38 /tokens/group.legend
settings-panel · partnav.current-text—spec/components/settings-panel.md:32 /tokens/nav.current-text
settings-panel · parttitle.text—spec/components/settings-panel.md:35 /tokens/title.text
sidebar-nav · partcurrent.text—spec/components/sidebar-nav.md:43 /tokens/current.text
skeleton · partheading.text—spec/components/skeleton.md:27 /tokens/heading.text
skip-link · partroot.text—spec/components/skip-link.md:22 /tokens/root.text
table · partheader.text—spec/components/table.md:38 /tokens/header.text
table · partsort.glyph—spec/components/table.md:42 /tokens/sort.glyph
tabs · parttab.text-selected—spec/components/tabs.md:34 /tokens/tab.text-selected
text-field · partlabel.text—spec/components/text-field.md:58 /tokens/label.text
textarea · partlabel.text—spec/components/textarea.md:50 /tokens/label.text
time-picker · partlabel.text—spec/components/time-picker.md:38 /tokens/label.text
timeline · partheading.text—spec/components/timeline.md:26 /tokens/heading.text
toolbar · parttoggled.text—spec/components/toolbar.md:38 /tokens/toggled.text
tooltip · partshortcut.text—spec/components/tooltip.md:31 /tokens/shortcut.text
tree · partheading.text—spec/components/tree.md:31 /tokens/heading.text
wizard · partstep.text-current—spec/components/wizard.md:33 /tokens/step.text-current
wizard · parttitle.text—spec/components/wizard.md:41 /tokens/title.text
breadcrumbs · statefgcurrent · color.surface.defaultspec/components/breadcrumbs.md:42 /stateTokens/current/fg
data-table · statefgsorted · color.surface.defaultspec/components/data-table.md:61 /stateTokens/sorted/fg
field · statefgdefault · color.surface.defaultspec/components/field.md:33 /stateTokens/default/fg
fieldset · statefgdefault · color.surface.defaultspec/components/fieldset.md:32 /stateTokens/default/fg
i3-window-frame · statefgfocus-visible · color.surface.chrome-altspec/components/i3-window-frame.md:66 /stateTokens/focus-visible/fg
link · statefgcurrent · color.surface.canvasspec/components/link.md:40 /stateTokens/current/fg
menu · statefgchecked · color.surface.raisedspec/components/menu.md:62 /stateTokens/checked/fg
sidebar-nav · statefgcurrent · color.surface.defaultspec/components/sidebar-nav.md:55 /stateTokens/current/fg
skip-link · statefgdefault · color.surface.raisedspec/components/skip-link.md:26 /stateTokens/default/fg
skip-link · statefgfocus-visible · color.surface.raisedspec/components/skip-link.md:27 /stateTokens/focus-visible/fg
table · statefgsorted · color.surface.defaultspec/components/table.md:61 /stateTokens/sorted/fg
tabs · statefgselected · color.surface.defaultspec/components/tabs.md:47 /stateTokens/selected/fg
tabs · statefgselected+container-inactive · color.surface.defaultspec/components/tabs.md:49 /stateTokens/selected+container-inactive/fg
tabs · statefgselected+focus-visible · color.surface.defaultspec/components/tabs.md:48 /stateTokens/selected+focus-visible/fg
toolbar · statefgtoggled · color.interaction.pressed.bgspec/components/toolbar.md:45 /stateTokens/toggled/fg
wizard · statefgcurrent · color.surface.canvasspec/components/wizard.md:58 /stateTokens/current/fg
wizard · statefgfocus-visible · color.surface.canvasspec/components/wizard.md:57 /stateTokens/focus-visible/fg

Relevant contrast declarations

extended · proposed

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

Provenance and restrictions

null

Declared component and port usage

Consumer / kindPart / variantState / surfaceSource declaration
admin-form · contrast—— · color.surface.defaultspec/components/admin-form.md:70 /contrast/0
card · contrast—hover · color.interaction.hover.bgspec/components/card.md:52 /contrast/2
card · contrast—— · color.surface.defaultspec/components/card.md:50 /contrast/0
checkbox · contrast—— · color.surface.defaultspec/components/checkbox.md:61 /contrast/1
data-table · contrast—— · color.surface.defaultspec/components/data-table.md:66 /contrast/0
dialog · contrast—— · color.surface.overlayspec/components/dialog.md:62 /contrast/0
diff-view · contrast—— · color.diff.header-bgspec/components/diff-view.md:85 /contrast/15
drawer · contrast—— · color.surface.overlayspec/components/drawer.md:48 /contrast/0
empty-state · contrast—— · color.surface.defaultspec/components/empty-state.md:35 /contrast/0
filterable-table · contrast—— · color.surface.defaultspec/components/filterable-table.md:82 /contrast/2
i3-window-frame · contrast—— · color.surface.chrome-altspec/components/i3-window-frame.md:73 /contrast/2
i3-window-frame · contrast—— · color.surface.chromespec/components/i3-window-frame.md:72 /contrast/1
progress · contrast—— · color.surface.canvasspec/components/progress.md:42 /contrast/0
radio-group · contrast—— · color.surface.defaultspec/components/radio-group.md:58 /contrast/1
settings-panel · contrast—— · color.surface.defaultspec/components/settings-panel.md:59 /contrast/0
table · contrast—— · color.surface.defaultspec/components/table.md:65 /contrast/0
table · contrast—— · color.surface.raisedspec/components/table.md:66 /contrast/1
tooltip · contrast—— · color.surface.raisedspec/components/tooltip.md:43 /contrast/0
wizard · contrast—— · color.surface.defaultspec/components/wizard.md:63 /contrast/1
Shared rule · contrast—— · color.surface.canvasspec/contrast.json:7 /pairs/3
admin-form · partcrumbs.current—spec/components/admin-form.md:30 /tokens/crumbs.current
admin-form · partfield.label—spec/components/admin-form.md:46 /tokens/field.label
admin-form · partstep.current-text—spec/components/admin-form.md:33 /tokens/step.current-text
admin-form · parttitle.text—spec/components/admin-form.md:31 /tokens/title.text
avatar · partheading.text—spec/components/avatar.md:27 /tokens/heading.text
breadcrumbs · partcurrent.text—spec/components/breadcrumbs.md:34 /tokens/current.text
button-group · partheading.text—spec/components/button-group.md:27 /tokens/heading.text
card · parttitle.text—spec/components/card.md:37 /tokens/title.text
chart · partheader.text—spec/components/chart.md:36 /tokens/header.text
chart · partheading.text—spec/components/chart.md:27 /tokens/heading.text
checkbox · partlegend.text—spec/components/checkbox.md:47 /tokens/legend.text
chip · partremove.text-hover—spec/components/chip.md:45 /tokens/remove.text-hover
combobox · partlabel.text—spec/components/combobox.md:50 /tokens/label.text
command-palette · partheading.text—spec/components/command-palette.md:30 /tokens/heading.text
compact-dashboard · partheading.text—spec/components/compact-dashboard.md:29 /tokens/heading.text
data-table · partheader.text—spec/components/data-table.md:37 /tokens/header.text
data-table · partsort.glyph—spec/components/data-table.md:39 /tokens/sort.glyph
date-picker · partlabel.text—spec/components/date-picker.md:45 /tokens/label.text
date-picker · partlegend.text—spec/components/date-picker.md:46 /tokens/legend.text
description-list · partheading.text—spec/components/description-list.md:26 /tokens/heading.text
diagnostics · partheader.text—spec/components/diagnostics.md:60 /tokens/header.text
dialog · partfield.label—spec/components/dialog.md:52 /tokens/field.label
dialog · parttitle.text—spec/components/dialog.md:36 /tokens/title.text
diff-view · partconflict.marker · conflict—spec/components/diff-view.md:54 /tokens/conflict.marker
disclosure · partheading.text—spec/components/disclosure.md:28 /tokens/heading.text
drawer · parttitle.text—spec/components/drawer.md:32 /tokens/title.text
editor-search · partheading.text—spec/components/editor-search.md:28 /tokens/heading.text
empty-state · partheading.text—spec/components/empty-state.md:26 /tokens/heading.text
error-state · partheading.text—spec/components/error-state.md:29 /tokens/heading.text
field · partlabel.text—spec/components/field.md:22 /tokens/label.text
fieldset · partlegend.text—spec/components/fieldset.md:22 /tokens/legend.text
file-browser · partheading.text—spec/components/file-browser.md:30 /tokens/heading.text
file-input · partlabel.text—spec/components/file-input.md:44 /tokens/label.text
filterable-table · partempty.heading · empty—spec/components/filterable-table.md:67 /tokens/empty.heading
filterable-table · partheader.text—spec/components/filterable-table.md:49 /tokens/header.text
filterable-table · partpagination.current—spec/components/filterable-table.md:71 /tokens/pagination.current
i3-window-frame · partclock.text—spec/components/i3-window-frame.md:47 /tokens/clock.text
i3-window-frame · parttitle.text-focused—spec/components/i3-window-frame.md:56 /tokens/title.text-focused
kbd · partheading.text—spec/components/kbd.md:25 /tokens/heading.text
link · partroot.text-current—spec/components/link.md:32 /tokens/root.text-current
menu · partcheck.glyph—spec/components/menu.md:52 /tokens/check.glyph
multiselect · partheading.text—spec/components/multiselect.md:29 /tokens/heading.text
number-field · partlabel.text—spec/components/number-field.md:49 /tokens/label.text
pagination · partstatus.emphasis—spec/components/pagination.md:39 /tokens/status.emphasis
popover · partheading.text—spec/components/popover.md:28 /tokens/heading.text
progress · partlabel.text—spec/components/progress.md:34 /tokens/label.text
radio-group · partlegend.text—spec/components/radio-group.md:45 /tokens/legend.text
range · partheading.text—spec/components/range.md:27 /tokens/heading.text
repeater · partheading.text—spec/components/repeater.md:28 /tokens/heading.text
search-field · partlabel.text—spec/components/search-field.md:48 /tokens/label.text
segmented-control · partheading.text—spec/components/segmented-control.md:28 /tokens/heading.text
select · partlabel.text—spec/components/select.md:50 /tokens/label.text
settings-panel · partgroup.legend—spec/components/settings-panel.md:38 /tokens/group.legend
settings-panel · partnav.current-text—spec/components/settings-panel.md:32 /tokens/nav.current-text
settings-panel · parttitle.text—spec/components/settings-panel.md:35 /tokens/title.text
sidebar-nav · partcurrent.text—spec/components/sidebar-nav.md:43 /tokens/current.text
skeleton · partheading.text—spec/components/skeleton.md:27 /tokens/heading.text
skip-link · partroot.text—spec/components/skip-link.md:22 /tokens/root.text
table · partheader.text—spec/components/table.md:38 /tokens/header.text
table · partsort.glyph—spec/components/table.md:42 /tokens/sort.glyph
tabs · parttab.text-selected—spec/components/tabs.md:34 /tokens/tab.text-selected
text-field · partlabel.text—spec/components/text-field.md:58 /tokens/label.text
textarea · partlabel.text—spec/components/textarea.md:50 /tokens/label.text
time-picker · partlabel.text—spec/components/time-picker.md:38 /tokens/label.text
timeline · partheading.text—spec/components/timeline.md:26 /tokens/heading.text
toolbar · parttoggled.text—spec/components/toolbar.md:38 /tokens/toggled.text
tooltip · partshortcut.text—spec/components/tooltip.md:31 /tokens/shortcut.text
tree · partheading.text—spec/components/tree.md:31 /tokens/heading.text
wizard · partstep.text-current—spec/components/wizard.md:33 /tokens/step.text-current
wizard · parttitle.text—spec/components/wizard.md:41 /tokens/title.text
breadcrumbs · statefgcurrent · color.surface.defaultspec/components/breadcrumbs.md:42 /stateTokens/current/fg
data-table · statefgsorted · color.surface.defaultspec/components/data-table.md:61 /stateTokens/sorted/fg
field · statefgdefault · color.surface.defaultspec/components/field.md:33 /stateTokens/default/fg
fieldset · statefgdefault · color.surface.defaultspec/components/fieldset.md:32 /stateTokens/default/fg
i3-window-frame · statefgfocus-visible · color.surface.chrome-altspec/components/i3-window-frame.md:66 /stateTokens/focus-visible/fg
link · statefgcurrent · color.surface.canvasspec/components/link.md:40 /stateTokens/current/fg
menu · statefgchecked · color.surface.raisedspec/components/menu.md:62 /stateTokens/checked/fg
sidebar-nav · statefgcurrent · color.surface.defaultspec/components/sidebar-nav.md:55 /stateTokens/current/fg
skip-link · statefgdefault · color.surface.raisedspec/components/skip-link.md:26 /stateTokens/default/fg
skip-link · statefgfocus-visible · color.surface.raisedspec/components/skip-link.md:27 /stateTokens/focus-visible/fg
table · statefgsorted · color.surface.defaultspec/components/table.md:61 /stateTokens/sorted/fg
tabs · statefgselected · color.surface.defaultspec/components/tabs.md:47 /stateTokens/selected/fg
tabs · statefgselected+container-inactive · color.surface.defaultspec/components/tabs.md:49 /stateTokens/selected+container-inactive/fg
tabs · statefgselected+focus-visible · color.surface.defaultspec/components/tabs.md:48 /stateTokens/selected+focus-visible/fg
toolbar · statefgtoggled · color.interaction.pressed.bgspec/components/toolbar.md:45 /stateTokens/toggled/fg
wizard · statefgcurrent · color.surface.canvasspec/components/wizard.md:58 /stateTokens/current/fg
wizard · statefgfocus-visible · color.surface.canvasspec/components/wizard.md:57 /stateTokens/focus-visible/fg

Relevant contrast declarations

j3w1 / command

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