j3w1 / color.border.overlayVue · HTML · React · Astro

J3W1 / DESIGN SYSTEM

color.border.overlay

Every floating layer's 1px border.

Source revision 1faefcf014c8bf01a6b27308ea796da968773a81

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

Report an issue with this token

color.border.overlay
--color-border-overlay

default · approved

Resolved value
#e53935
Status
proposed
Consumption
use-and-report — Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.
Decisions
D-008
Source
tokens/semantic.tokens.json:264 /color/border/overlay
Alias chain
color.primitive.red.800
Used by aliases
No declared aliases depend on this role.

Provenance and restrictions

{
  "status": "proposed",
  "approval": {
    "decision": "D-008"
  }
}

Declared component and port usage

Consumer / kindPart / variantState / surfaceSource declaration
i3-window-frame · contrast—— · color.surface.desktopspec/components/i3-window-frame.md:75 /contrast/4
combobox · partlistbox.border—spec/components/combobox.md:52 /tokens/listbox.border
command-palette · partdependency.role-color-border-overlay—spec/components/command-palette.md:36 /tokens/dependency.role-color-border-overlay
date-picker · partcalendar.border—spec/components/date-picker.md:51 /tokens/calendar.border
dialog · partroot.border—spec/components/dialog.md:33 /tokens/root.border
drawer · partroot.border—spec/components/drawer.md:29 /tokens/root.border
i3-window-frame · partfloating.border · floating—spec/components/i3-window-frame.md:59 /tokens/floating.border
menu · partsurface.border—spec/components/menu.md:44 /tokens/surface.border
popover · partdependency.role-color-border-overlay—spec/components/popover.md:33 /tokens/dependency.role-color-border-overlay
skip-link · partroot.border—spec/components/skip-link.md:23 /tokens/root.border
toast · partroot.border—spec/components/toast.md:30 /tokens/root.border
tooltip · partpopup.border—spec/components/tooltip.md:29 /tokens/popup.border
combobox · stateborderno-results · color.surface.raisedspec/components/combobox.md:72 /stateTokens/no-results/border
combobox · stateborderopen · color.surface.raisedspec/components/combobox.md:68 /stateTokens/open/border
dialog · stateborderdefault · color.surface.overlayspec/components/dialog.md:55 /stateTokens/default/border
dialog · stateborderfocus-trapped · color.surface.overlayspec/components/dialog.md:57 /stateTokens/focus-trapped/border
dialog · stateborderopen · color.surface.overlayspec/components/dialog.md:56 /stateTokens/open/border
dialog · stateborderreduced-motion · color.surface.overlayspec/components/dialog.md:60 /stateTokens/reduced-motion/border
drawer · stateborderdefault · color.surface.overlayspec/components/drawer.md:43 /stateTokens/default/border
drawer · stateborderfocus-trapped · color.surface.overlayspec/components/drawer.md:45 /stateTokens/focus-trapped/border
drawer · stateborderopen · color.surface.overlayspec/components/drawer.md:44 /stateTokens/open/border
drawer · stateborderreduced-motion · color.surface.overlayspec/components/drawer.md:46 /stateTokens/reduced-motion/border
menu · stateborderdefault · color.surface.raisedspec/components/menu.md:57 /stateTokens/default/border
skip-link · stateborderdefault · color.surface.raisedspec/components/skip-link.md:26 /stateTokens/default/border
skip-link · stateborderfocus-visible · color.surface.raisedspec/components/skip-link.md:27 /stateTokens/focus-visible/border
toast · stateborderdefault · color.surface.canvasspec/components/toast.md:57 /stateTokens/default/border
toast · stateborderreduced-motion · color.surface.canvasspec/components/toast.md:61 /stateTokens/reduced-motion/border
toast · stateborderstacked · color.surface.canvasspec/components/toast.md:60 /stateTokens/stacked/border
tooltip · stateborderdefault · color.surface.raisedspec/components/tooltip.md:38 /stateTokens/default/border
tooltip · stateborderopen · color.surface.raisedspec/components/tooltip.md:41 /stateTokens/open/border

Relevant contrast declarations

heritage-ansi · heritage

Resolved value
#ae1914
Status
heritage
Consumption
historical-only — Historical fidelity only; preserve all documented limitations and deprecations.
Decisions
None pending.
Source
tokens/profiles/heritage-ansi.tokens.json:23 /color/border/overlay
Alias chain
color.primitive.red.550
Used by aliases
No declared aliases depend on this role.

Provenance and restrictions

{
  "status": "heritage"
}

Declared component and port usage

Consumer / kindPart / variantState / surfaceSource declaration
i3-window-frame · contrast—— · color.surface.desktopspec/components/i3-window-frame.md:75 /contrast/4
combobox · partlistbox.border—spec/components/combobox.md:52 /tokens/listbox.border
command-palette · partdependency.role-color-border-overlay—spec/components/command-palette.md:36 /tokens/dependency.role-color-border-overlay
date-picker · partcalendar.border—spec/components/date-picker.md:51 /tokens/calendar.border
dialog · partroot.border—spec/components/dialog.md:33 /tokens/root.border
drawer · partroot.border—spec/components/drawer.md:29 /tokens/root.border
i3-window-frame · partfloating.border · floating—spec/components/i3-window-frame.md:59 /tokens/floating.border
menu · partsurface.border—spec/components/menu.md:44 /tokens/surface.border
popover · partdependency.role-color-border-overlay—spec/components/popover.md:33 /tokens/dependency.role-color-border-overlay
skip-link · partroot.border—spec/components/skip-link.md:23 /tokens/root.border
toast · partroot.border—spec/components/toast.md:30 /tokens/root.border
tooltip · partpopup.border—spec/components/tooltip.md:29 /tokens/popup.border
combobox · stateborderno-results · color.surface.raisedspec/components/combobox.md:72 /stateTokens/no-results/border
combobox · stateborderopen · color.surface.raisedspec/components/combobox.md:68 /stateTokens/open/border
dialog · stateborderdefault · color.surface.overlayspec/components/dialog.md:55 /stateTokens/default/border
dialog · stateborderfocus-trapped · color.surface.overlayspec/components/dialog.md:57 /stateTokens/focus-trapped/border
dialog · stateborderopen · color.surface.overlayspec/components/dialog.md:56 /stateTokens/open/border
dialog · stateborderreduced-motion · color.surface.overlayspec/components/dialog.md:60 /stateTokens/reduced-motion/border
drawer · stateborderdefault · color.surface.overlayspec/components/drawer.md:43 /stateTokens/default/border
drawer · stateborderfocus-trapped · color.surface.overlayspec/components/drawer.md:45 /stateTokens/focus-trapped/border
drawer · stateborderopen · color.surface.overlayspec/components/drawer.md:44 /stateTokens/open/border
drawer · stateborderreduced-motion · color.surface.overlayspec/components/drawer.md:46 /stateTokens/reduced-motion/border
menu · stateborderdefault · color.surface.raisedspec/components/menu.md:57 /stateTokens/default/border
skip-link · stateborderdefault · color.surface.raisedspec/components/skip-link.md:26 /stateTokens/default/border
skip-link · stateborderfocus-visible · color.surface.raisedspec/components/skip-link.md:27 /stateTokens/focus-visible/border
toast · stateborderdefault · color.surface.canvasspec/components/toast.md:57 /stateTokens/default/border
toast · stateborderreduced-motion · color.surface.canvasspec/components/toast.md:61 /stateTokens/reduced-motion/border
toast · stateborderstacked · color.surface.canvasspec/components/toast.md:60 /stateTokens/stacked/border
tooltip · stateborderdefault · color.surface.raisedspec/components/tooltip.md:38 /stateTokens/default/border
tooltip · stateborderopen · color.surface.raisedspec/components/tooltip.md:41 /stateTokens/open/border

Relevant contrast declarations

extended · proposed

Resolved value
#e53935
Status
proposed
Consumption
blocked — Proposed profile: preview only, not downstream delivery.
Decisions
D-008
Source
tokens/semantic.tokens.json:264 /color/border/overlay
Alias chain
color.primitive.red.800
Used by aliases
No declared aliases depend on this role.

Provenance and restrictions

{
  "status": "proposed",
  "approval": {
    "decision": "D-008"
  }
}

Declared component and port usage

Consumer / kindPart / variantState / surfaceSource declaration
i3-window-frame · contrast—— · color.surface.desktopspec/components/i3-window-frame.md:75 /contrast/4
combobox · partlistbox.border—spec/components/combobox.md:52 /tokens/listbox.border
command-palette · partdependency.role-color-border-overlay—spec/components/command-palette.md:36 /tokens/dependency.role-color-border-overlay
date-picker · partcalendar.border—spec/components/date-picker.md:51 /tokens/calendar.border
dialog · partroot.border—spec/components/dialog.md:33 /tokens/root.border
drawer · partroot.border—spec/components/drawer.md:29 /tokens/root.border
i3-window-frame · partfloating.border · floating—spec/components/i3-window-frame.md:59 /tokens/floating.border
menu · partsurface.border—spec/components/menu.md:44 /tokens/surface.border
popover · partdependency.role-color-border-overlay—spec/components/popover.md:33 /tokens/dependency.role-color-border-overlay
skip-link · partroot.border—spec/components/skip-link.md:23 /tokens/root.border
toast · partroot.border—spec/components/toast.md:30 /tokens/root.border
tooltip · partpopup.border—spec/components/tooltip.md:29 /tokens/popup.border
combobox · stateborderno-results · color.surface.raisedspec/components/combobox.md:72 /stateTokens/no-results/border
combobox · stateborderopen · color.surface.raisedspec/components/combobox.md:68 /stateTokens/open/border
dialog · stateborderdefault · color.surface.overlayspec/components/dialog.md:55 /stateTokens/default/border
dialog · stateborderfocus-trapped · color.surface.overlayspec/components/dialog.md:57 /stateTokens/focus-trapped/border
dialog · stateborderopen · color.surface.overlayspec/components/dialog.md:56 /stateTokens/open/border
dialog · stateborderreduced-motion · color.surface.overlayspec/components/dialog.md:60 /stateTokens/reduced-motion/border
drawer · stateborderdefault · color.surface.overlayspec/components/drawer.md:43 /stateTokens/default/border
drawer · stateborderfocus-trapped · color.surface.overlayspec/components/drawer.md:45 /stateTokens/focus-trapped/border
drawer · stateborderopen · color.surface.overlayspec/components/drawer.md:44 /stateTokens/open/border
drawer · stateborderreduced-motion · color.surface.overlayspec/components/drawer.md:46 /stateTokens/reduced-motion/border
menu · stateborderdefault · color.surface.raisedspec/components/menu.md:57 /stateTokens/default/border
skip-link · stateborderdefault · color.surface.raisedspec/components/skip-link.md:26 /stateTokens/default/border
skip-link · stateborderfocus-visible · color.surface.raisedspec/components/skip-link.md:27 /stateTokens/focus-visible/border
toast · stateborderdefault · color.surface.canvasspec/components/toast.md:57 /stateTokens/default/border
toast · stateborderreduced-motion · color.surface.canvasspec/components/toast.md:61 /stateTokens/reduced-motion/border
toast · stateborderstacked · color.surface.canvasspec/components/toast.md:60 /stateTokens/stacked/border
tooltip · stateborderdefault · color.surface.raisedspec/components/tooltip.md:38 /stateTokens/default/border
tooltip · stateborderopen · color.surface.raisedspec/components/tooltip.md:41 /stateTokens/open/border

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