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

J3W1 / DESIGN SYSTEM

color.surface.overlay

Dialogs and drawers.

Source revision 1faefcf014c8bf01a6b27308ea796da968773a81

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

Report an issue with this token

color.surface.overlay
--color-surface-overlay

default · approved

Resolved value
#241010
Status
observed
Consumption
use — Use within the role's documented scope and restrictions.
Decisions
None pending.
Source
tokens/semantic.tokens.json:74 /color/surface/overlay
Alias chain
color.primitive.ink.52
Used by aliases
No declared aliases depend on this role.

Provenance and restrictions

null

Declared component and port usage

Consumer / kindPart / variantState / surfaceSource declaration
dialog · contrast—— · color.surface.overlayspec/components/dialog.md:62 /contrast/0
dialog · contrast—— · color.surface.overlayspec/components/dialog.md:63 /contrast/1
dialog · contrast—— · color.surface.overlayspec/components/dialog.md:72 /contrast/10
dialog · contrast—— · color.surface.overlayspec/components/dialog.md:64 /contrast/2
dialog · contrast—— · color.surface.overlayspec/components/dialog.md:65 /contrast/3
dialog · contrast—— · color.surface.overlayspec/components/dialog.md:68 /contrast/6
drawer · contrast—— · color.surface.overlayspec/components/drawer.md:48 /contrast/0
drawer · contrast—— · color.surface.overlayspec/components/drawer.md:49 /contrast/1
drawer · contrast—— · color.surface.overlayspec/components/drawer.md:50 /contrast/2
drawer · contrast—— · color.surface.overlayspec/components/drawer.md:51 /contrast/3
drawer · contrast—— · color.surface.overlayspec/components/drawer.md:53 /contrast/5
command-palette · partdependency.role-color-surface-overlay—spec/components/command-palette.md:41 /tokens/dependency.role-color-surface-overlay
dialog · partroot.bg—spec/components/dialog.md:32 /tokens/root.bg
drawer · partroot.bg—spec/components/drawer.md:28 /tokens/root.bg
popover · partdependency.role-color-surface-overlay—spec/components/popover.md:34 /tokens/dependency.role-color-surface-overlay
dialog · statebgdefault · color.surface.overlayspec/components/dialog.md:55 /stateTokens/default/bg
dialog · statebgfocus-trapped · color.surface.overlayspec/components/dialog.md:57 /stateTokens/focus-trapped/bg
dialog · statebgfocus-visible · color.surface.overlayspec/components/dialog.md:59 /stateTokens/focus-visible/bg
dialog · statebgopen · color.surface.overlayspec/components/dialog.md:56 /stateTokens/open/bg
dialog · statebgreduced-motion · color.surface.overlayspec/components/dialog.md:60 /stateTokens/reduced-motion/bg
drawer · statebgdefault · color.surface.overlayspec/components/drawer.md:43 /stateTokens/default/bg
drawer · statebgfocus-trapped · color.surface.overlayspec/components/drawer.md:45 /stateTokens/focus-trapped/bg
drawer · statebgopen · color.surface.overlayspec/components/drawer.md:44 /stateTokens/open/bg
drawer · statebgreduced-motion · color.surface.overlayspec/components/drawer.md:46 /stateTokens/reduced-motion/bg

Relevant contrast declarations

heritage-ansi · heritage

Resolved value
#241010
Status
observed
Consumption
historical-only — Historical fidelity only; preserve all documented limitations and deprecations.
Decisions
None pending.
Source
tokens/semantic.tokens.json:74 /color/surface/overlay
Alias chain
color.primitive.ink.52
Used by aliases
No declared aliases depend on this role.

Provenance and restrictions

null

Declared component and port usage

Consumer / kindPart / variantState / surfaceSource declaration
dialog · contrast—— · color.surface.overlayspec/components/dialog.md:62 /contrast/0
dialog · contrast—— · color.surface.overlayspec/components/dialog.md:63 /contrast/1
dialog · contrast—— · color.surface.overlayspec/components/dialog.md:72 /contrast/10
dialog · contrast—— · color.surface.overlayspec/components/dialog.md:64 /contrast/2
dialog · contrast—— · color.surface.overlayspec/components/dialog.md:65 /contrast/3
dialog · contrast—— · color.surface.overlayspec/components/dialog.md:68 /contrast/6
drawer · contrast—— · color.surface.overlayspec/components/drawer.md:48 /contrast/0
drawer · contrast—— · color.surface.overlayspec/components/drawer.md:49 /contrast/1
drawer · contrast—— · color.surface.overlayspec/components/drawer.md:50 /contrast/2
drawer · contrast—— · color.surface.overlayspec/components/drawer.md:51 /contrast/3
drawer · contrast—— · color.surface.overlayspec/components/drawer.md:53 /contrast/5
command-palette · partdependency.role-color-surface-overlay—spec/components/command-palette.md:41 /tokens/dependency.role-color-surface-overlay
dialog · partroot.bg—spec/components/dialog.md:32 /tokens/root.bg
drawer · partroot.bg—spec/components/drawer.md:28 /tokens/root.bg
popover · partdependency.role-color-surface-overlay—spec/components/popover.md:34 /tokens/dependency.role-color-surface-overlay
dialog · statebgdefault · color.surface.overlayspec/components/dialog.md:55 /stateTokens/default/bg
dialog · statebgfocus-trapped · color.surface.overlayspec/components/dialog.md:57 /stateTokens/focus-trapped/bg
dialog · statebgfocus-visible · color.surface.overlayspec/components/dialog.md:59 /stateTokens/focus-visible/bg
dialog · statebgopen · color.surface.overlayspec/components/dialog.md:56 /stateTokens/open/bg
dialog · statebgreduced-motion · color.surface.overlayspec/components/dialog.md:60 /stateTokens/reduced-motion/bg
drawer · statebgdefault · color.surface.overlayspec/components/drawer.md:43 /stateTokens/default/bg
drawer · statebgfocus-trapped · color.surface.overlayspec/components/drawer.md:45 /stateTokens/focus-trapped/bg
drawer · statebgopen · color.surface.overlayspec/components/drawer.md:44 /stateTokens/open/bg
drawer · statebgreduced-motion · color.surface.overlayspec/components/drawer.md:46 /stateTokens/reduced-motion/bg

Relevant contrast declarations

extended · proposed

Resolved value
#241010
Status
observed
Consumption
blocked — Proposed profile: preview only, not downstream delivery.
Decisions
None pending.
Source
tokens/semantic.tokens.json:74 /color/surface/overlay
Alias chain
color.primitive.ink.52
Used by aliases
No declared aliases depend on this role.

Provenance and restrictions

null

Declared component and port usage

Consumer / kindPart / variantState / surfaceSource declaration
dialog · contrast—— · color.surface.overlayspec/components/dialog.md:62 /contrast/0
dialog · contrast—— · color.surface.overlayspec/components/dialog.md:63 /contrast/1
dialog · contrast—— · color.surface.overlayspec/components/dialog.md:72 /contrast/10
dialog · contrast—— · color.surface.overlayspec/components/dialog.md:64 /contrast/2
dialog · contrast—— · color.surface.overlayspec/components/dialog.md:65 /contrast/3
dialog · contrast—— · color.surface.overlayspec/components/dialog.md:68 /contrast/6
drawer · contrast—— · color.surface.overlayspec/components/drawer.md:48 /contrast/0
drawer · contrast—— · color.surface.overlayspec/components/drawer.md:49 /contrast/1
drawer · contrast—— · color.surface.overlayspec/components/drawer.md:50 /contrast/2
drawer · contrast—— · color.surface.overlayspec/components/drawer.md:51 /contrast/3
drawer · contrast—— · color.surface.overlayspec/components/drawer.md:53 /contrast/5
command-palette · partdependency.role-color-surface-overlay—spec/components/command-palette.md:41 /tokens/dependency.role-color-surface-overlay
dialog · partroot.bg—spec/components/dialog.md:32 /tokens/root.bg
drawer · partroot.bg—spec/components/drawer.md:28 /tokens/root.bg
popover · partdependency.role-color-surface-overlay—spec/components/popover.md:34 /tokens/dependency.role-color-surface-overlay
dialog · statebgdefault · color.surface.overlayspec/components/dialog.md:55 /stateTokens/default/bg
dialog · statebgfocus-trapped · color.surface.overlayspec/components/dialog.md:57 /stateTokens/focus-trapped/bg
dialog · statebgfocus-visible · color.surface.overlayspec/components/dialog.md:59 /stateTokens/focus-visible/bg
dialog · statebgopen · color.surface.overlayspec/components/dialog.md:56 /stateTokens/open/bg
dialog · statebgreduced-motion · color.surface.overlayspec/components/dialog.md:60 /stateTokens/reduced-motion/bg
drawer · statebgdefault · color.surface.overlayspec/components/drawer.md:43 /stateTokens/default/bg
drawer · statebgfocus-trapped · color.surface.overlayspec/components/drawer.md:45 /stateTokens/focus-trapped/bg
drawer · statebgopen · color.surface.overlayspec/components/drawer.md:44 /stateTokens/open/bg
drawer · statebgreduced-motion · color.surface.overlayspec/components/drawer.md:46 /stateTokens/reduced-motion/bg

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