j3w1 / color.icon.decorativeVue · HTML · React · Astro

J3W1 / DESIGN SYSTEM

color.icon.decorative

Decorative glyphs (3:1 as graphics, never text).

Source revision 1faefcf014c8bf01a6b27308ea796da968773a81

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

Report an issue with this token

color.icon.decorative
--color-icon-decorative

default · approved

Provenance and restrictions

null

Declared component and port usage

Consumer / kindPart / variantState / surfaceSource declaration
empty-state · contrast— · color.surface.defaultspec/components/empty-state.md:38 /contrast/3
i3-window-frame · contrast— · color.surface.chromespec/components/i3-window-frame.md:84 /contrast/13
menu · contrast— · color.surface.raisedspec/components/menu.md:68 /contrast/3
sidebar-nav · contrast— · color.surface.defaultspec/components/sidebar-nav.md:62 /contrast/1
Shared rule · contrast— · color.surface.canvasspec/contrast.json:66 /pairs/62
empty-state · partglyph.textspec/components/empty-state.md:25 /tokens/glyph.text
filterable-table · partempty.glyph · emptyspec/components/filterable-table.md:68 /tokens/empty.glyph
i3-window-frame · partstatus.glyphspec/components/i3-window-frame.md:46 /tokens/status.glyph
menu · partchevron.colorspec/components/menu.md:55 /tokens/chevron.color
sidebar-nav · partgroup.chevronspec/components/sidebar-nav.md:50 /tokens/group.chevron
toolbar · partmore.chevronspec/components/toolbar.md:40 /tokens/more.chevron

Relevant contrast declarations

heritage-ansi · heritage

Provenance and restrictions

null

Declared component and port usage

Consumer / kindPart / variantState / surfaceSource declaration
empty-state · contrast— · color.surface.defaultspec/components/empty-state.md:38 /contrast/3
i3-window-frame · contrast— · color.surface.chromespec/components/i3-window-frame.md:84 /contrast/13
menu · contrast— · color.surface.raisedspec/components/menu.md:68 /contrast/3
sidebar-nav · contrast— · color.surface.defaultspec/components/sidebar-nav.md:62 /contrast/1
Shared rule · contrast— · color.surface.canvasspec/contrast.json:66 /pairs/62
empty-state · partglyph.textspec/components/empty-state.md:25 /tokens/glyph.text
filterable-table · partempty.glyph · emptyspec/components/filterable-table.md:68 /tokens/empty.glyph
i3-window-frame · partstatus.glyphspec/components/i3-window-frame.md:46 /tokens/status.glyph
menu · partchevron.colorspec/components/menu.md:55 /tokens/chevron.color
sidebar-nav · partgroup.chevronspec/components/sidebar-nav.md:50 /tokens/group.chevron
toolbar · partmore.chevronspec/components/toolbar.md:40 /tokens/more.chevron

Relevant contrast declarations

extended · proposed

Provenance and restrictions

null

Declared component and port usage

Consumer / kindPart / variantState / surfaceSource declaration
empty-state · contrast— · color.surface.defaultspec/components/empty-state.md:38 /contrast/3
i3-window-frame · contrast— · color.surface.chromespec/components/i3-window-frame.md:84 /contrast/13
menu · contrast— · color.surface.raisedspec/components/menu.md:68 /contrast/3
sidebar-nav · contrast— · color.surface.defaultspec/components/sidebar-nav.md:62 /contrast/1
Shared rule · contrast— · color.surface.canvasspec/contrast.json:66 /pairs/62
empty-state · partglyph.textspec/components/empty-state.md:25 /tokens/glyph.text
filterable-table · partempty.glyph · emptyspec/components/filterable-table.md:68 /tokens/empty.glyph
i3-window-frame · partstatus.glyphspec/components/i3-window-frame.md:46 /tokens/status.glyph
menu · partchevron.colorspec/components/menu.md:55 /tokens/chevron.color
sidebar-nav · partgroup.chevronspec/components/sidebar-nav.md:50 /tokens/group.chevron
toolbar · partmore.chevronspec/components/toolbar.md:40 /tokens/more.chevron

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