J3W1 / DESIGN SYSTEM

color.border.default

Decorative border (1.39:1; never the only edge of a control).

Source revision 1faefcf014c8bf01a6b27308ea796da968773a81

Report an issue with this token

color.border.default

--color-border-default

default · approved

Resolved value: #531310
Status: observed
Consumption: use — Use within the role's documented scope and restrictions.
Decisions: None pending.
Source: tokens/semantic.tokens.json:240 /color/border/default
Alias chain: color.primitive.red.100
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	—	— · color.surface.default	spec/components/admin-form.md:85 `/contrast/15`
card · contrast	—	— · color.surface.default	spec/components/card.md:54 `/contrast/4`
data-table · contrast	—	— · color.surface.default	spec/components/data-table.md:71 `/contrast/5`
filterable-table · contrast	—	— · color.surface.default	spec/components/filterable-table.md:91 `/contrast/11`
i3-window-frame · contrast	—	— · color.surface.desktop	spec/components/i3-window-frame.md:82 `/contrast/11`
search-field · contrast	—	— · color.surface.input	spec/components/search-field.md:64 `/contrast/5`
settings-panel · contrast	—	— · color.surface.default	spec/components/settings-panel.md:65 `/contrast/6`
toolbar · contrast	—	— · color.surface.chrome	spec/components/toolbar.md:48 `/contrast/1`
wizard · contrast	—	— · color.surface.canvas	spec/components/wizard.md:66 `/contrast/4`
Shared rule · contrast	—	— · color.surface.canvas	spec/contrast.json:47 `/pairs/43`
admin-form · part	root.border	—	spec/components/admin-form.md:28 `/tokens/root.border`
card · part	root.border	—	spec/components/card.md:33 `/tokens/root.border`
data-table · part	resize.handle	—	spec/components/data-table.md:51 `/tokens/resize.handle`
filterable-table · part	root.border	—	spec/components/filterable-table.md:32 `/tokens/root.border`
filterable-table · part	toolbar.separator	—	spec/components/filterable-table.md:35 `/tokens/toolbar.separator`
i3-window-frame · part	root.border	—	spec/components/i3-window-frame.md:33 `/tokens/root.border`
i3-window-frame · part	window.border	—	spec/components/i3-window-frame.md:50 `/tokens/window.border`
search-field · part	kbd.border	—	spec/components/search-field.md:47 `/tokens/kbd.border`
settings-panel · part	root.border	—	spec/components/settings-panel.md:28 `/tokens/root.border`
toolbar · part	separator.color	—	spec/components/toolbar.md:39 `/tokens/separator.color`
wizard · part	panel.border	—	spec/components/wizard.md:40 `/tokens/panel.border`

Relevant contrast declarations

decorative border on canvas (decorative; not a control edge): color.border.default on color.surface.canvas · spec/contrast.json:47 /pairs/43
panel edge (decorative): color.border.default on color.surface.canvas · spec/components/wizard.md:66 /contrast/4
separator (decorative; role separator carries the grouping): color.border.default on color.surface.chrome · spec/components/toolbar.md:48 /contrast/1
card edge (decorative; the card is not a control at rest): color.border.default on color.surface.default · spec/components/card.md:54 /contrast/4
panel edge (decorative): color.border.default on color.surface.default · spec/components/admin-form.md:85 /contrast/15
panel edge (decorative): color.border.default on color.surface.default · spec/components/settings-panel.md:65 /contrast/6
panel edge and toolbar separator (decorative): color.border.default on color.surface.default · spec/components/filterable-table.md:91 /contrast/11
resize handle at rest (decorative; keyboard resizing is a header action): color.border.default on color.surface.default · spec/components/data-table.md:71 /contrast/5
unfocused window frames (decorative): color.border.default on color.surface.desktop · spec/components/i3-window-frame.md:82 /contrast/11
kbd hint edge (decorative): color.border.default on color.surface.input · spec/components/search-field.md:64 /contrast/5

heritage-ansi · heritage

Resolved value: #531310
Status: observed
Consumption: historical-only — Historical fidelity only; preserve all documented limitations and deprecations.
Decisions: None pending.
Source: tokens/semantic.tokens.json:240 /color/border/default
Alias chain: color.primitive.red.100
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	—	— · color.surface.default	spec/components/admin-form.md:85 `/contrast/15`
card · contrast	—	— · color.surface.default	spec/components/card.md:54 `/contrast/4`
data-table · contrast	—	— · color.surface.default	spec/components/data-table.md:71 `/contrast/5`
filterable-table · contrast	—	— · color.surface.default	spec/components/filterable-table.md:91 `/contrast/11`
i3-window-frame · contrast	—	— · color.surface.desktop	spec/components/i3-window-frame.md:82 `/contrast/11`
search-field · contrast	—	— · color.surface.input	spec/components/search-field.md:64 `/contrast/5`
settings-panel · contrast	—	— · color.surface.default	spec/components/settings-panel.md:65 `/contrast/6`
toolbar · contrast	—	— · color.surface.chrome	spec/components/toolbar.md:48 `/contrast/1`
wizard · contrast	—	— · color.surface.canvas	spec/components/wizard.md:66 `/contrast/4`
Shared rule · contrast	—	— · color.surface.canvas	spec/contrast.json:47 `/pairs/43`
admin-form · part	root.border	—	spec/components/admin-form.md:28 `/tokens/root.border`
card · part	root.border	—	spec/components/card.md:33 `/tokens/root.border`
data-table · part	resize.handle	—	spec/components/data-table.md:51 `/tokens/resize.handle`
filterable-table · part	root.border	—	spec/components/filterable-table.md:32 `/tokens/root.border`
filterable-table · part	toolbar.separator	—	spec/components/filterable-table.md:35 `/tokens/toolbar.separator`
i3-window-frame · part	root.border	—	spec/components/i3-window-frame.md:33 `/tokens/root.border`
i3-window-frame · part	window.border	—	spec/components/i3-window-frame.md:50 `/tokens/window.border`
search-field · part	kbd.border	—	spec/components/search-field.md:47 `/tokens/kbd.border`
settings-panel · part	root.border	—	spec/components/settings-panel.md:28 `/tokens/root.border`
toolbar · part	separator.color	—	spec/components/toolbar.md:39 `/tokens/separator.color`
wizard · part	panel.border	—	spec/components/wizard.md:40 `/tokens/panel.border`

Relevant contrast declarations

decorative border on canvas (decorative; not a control edge): color.border.default on color.surface.canvas · spec/contrast.json:47 /pairs/43
panel edge (decorative): color.border.default on color.surface.canvas · spec/components/wizard.md:66 /contrast/4
separator (decorative; role separator carries the grouping): color.border.default on color.surface.chrome · spec/components/toolbar.md:48 /contrast/1
card edge (decorative; the card is not a control at rest): color.border.default on color.surface.default · spec/components/card.md:54 /contrast/4
panel edge (decorative): color.border.default on color.surface.default · spec/components/admin-form.md:85 /contrast/15
panel edge (decorative): color.border.default on color.surface.default · spec/components/settings-panel.md:65 /contrast/6
panel edge and toolbar separator (decorative): color.border.default on color.surface.default · spec/components/filterable-table.md:91 /contrast/11
resize handle at rest (decorative; keyboard resizing is a header action): color.border.default on color.surface.default · spec/components/data-table.md:71 /contrast/5
unfocused window frames (decorative): color.border.default on color.surface.desktop · spec/components/i3-window-frame.md:82 /contrast/11
kbd hint edge (decorative): color.border.default on color.surface.input · spec/components/search-field.md:64 /contrast/5

extended · proposed

Resolved value: #531310
Status: observed
Consumption: blocked — Proposed profile: preview only, not downstream delivery.
Decisions: None pending.
Source: tokens/semantic.tokens.json:240 /color/border/default
Alias chain: color.primitive.red.100
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	—	— · color.surface.default	spec/components/admin-form.md:85 `/contrast/15`
card · contrast	—	— · color.surface.default	spec/components/card.md:54 `/contrast/4`
data-table · contrast	—	— · color.surface.default	spec/components/data-table.md:71 `/contrast/5`
filterable-table · contrast	—	— · color.surface.default	spec/components/filterable-table.md:91 `/contrast/11`
i3-window-frame · contrast	—	— · color.surface.desktop	spec/components/i3-window-frame.md:82 `/contrast/11`
search-field · contrast	—	— · color.surface.input	spec/components/search-field.md:64 `/contrast/5`
settings-panel · contrast	—	— · color.surface.default	spec/components/settings-panel.md:65 `/contrast/6`
toolbar · contrast	—	— · color.surface.chrome	spec/components/toolbar.md:48 `/contrast/1`
wizard · contrast	—	— · color.surface.canvas	spec/components/wizard.md:66 `/contrast/4`
Shared rule · contrast	—	— · color.surface.canvas	spec/contrast.json:47 `/pairs/43`
admin-form · part	root.border	—	spec/components/admin-form.md:28 `/tokens/root.border`
card · part	root.border	—	spec/components/card.md:33 `/tokens/root.border`
data-table · part	resize.handle	—	spec/components/data-table.md:51 `/tokens/resize.handle`
filterable-table · part	root.border	—	spec/components/filterable-table.md:32 `/tokens/root.border`
filterable-table · part	toolbar.separator	—	spec/components/filterable-table.md:35 `/tokens/toolbar.separator`
i3-window-frame · part	root.border	—	spec/components/i3-window-frame.md:33 `/tokens/root.border`
i3-window-frame · part	window.border	—	spec/components/i3-window-frame.md:50 `/tokens/window.border`
search-field · part	kbd.border	—	spec/components/search-field.md:47 `/tokens/kbd.border`
settings-panel · part	root.border	—	spec/components/settings-panel.md:28 `/tokens/root.border`
toolbar · part	separator.color	—	spec/components/toolbar.md:39 `/tokens/separator.color`
wizard · part	panel.border	—	spec/components/wizard.md:40 `/tokens/panel.border`

Relevant contrast declarations

decorative border on canvas (decorative; not a control edge): color.border.default on color.surface.canvas · spec/contrast.json:47 /pairs/43
panel edge (decorative): color.border.default on color.surface.canvas · spec/components/wizard.md:66 /contrast/4
separator (decorative; role separator carries the grouping): color.border.default on color.surface.chrome · spec/components/toolbar.md:48 /contrast/1
card edge (decorative; the card is not a control at rest): color.border.default on color.surface.default · spec/components/card.md:54 /contrast/4
panel edge (decorative): color.border.default on color.surface.default · spec/components/admin-form.md:85 /contrast/15
panel edge (decorative): color.border.default on color.surface.default · spec/components/settings-panel.md:65 /contrast/6
panel edge and toolbar separator (decorative): color.border.default on color.surface.default · spec/components/filterable-table.md:91 /contrast/11
resize handle at rest (decorative; keyboard resizing is a header action): color.border.default on color.surface.default · spec/components/data-table.md:71 /contrast/5
unfocused window frames (decorative): color.border.default on color.surface.desktop · spec/components/i3-window-frame.md:82 /contrast/11
kbd hint edge (decorative): color.border.default on color.surface.input · spec/components/search-field.md:64 /contrast/5