j3w1 / theme

j3w1 / theme4.0.0

j3w1 / command

  • SPEC Overview
  • SPEC Foundations
  • SPEC Components
  • SPEC Patterns
  • SPEC Tokens
  • SPEC Tools
  • SPEC Workbench
  • SPEC Form builder
  • SPEC Task kit
  • SPEC Recipes
  • SPEC Figma bridge
  • SPEC Report an issue
  • SPEC Implement
  • SPEC For agents
  • SPEC Ports
  • SPEC Releases
  • SPEC Specification
  • DEMO Vue application demo

color.surface.backdrop

Behind modal dialogs.

Source revision 9afef8564142e41458748895d16b4df161a67d66

color.surface.backdrop--color-surface-backdrop

default · approved

Resolved value
rgb(0 0 0 / 65%)
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:118 /color/surface/backdrop
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
command-palette · partdependency.role-color-surface-backdrop—spec/components/command-palette.md:47 /tokens/dependency.role-color-surface-backdrop
dialog · partbackdrop.bg—spec/components/dialog.md:31 /tokens/backdrop.bg
drawer · partbackdrop.bg—spec/components/drawer.md:27 /tokens/backdrop.bg
obsidian · port--background-modifier-cover——ports/obsidian/mapping.json:51 /mappings/color.surface.backdrop/0
telegram · portandroid:chat_emojiPanelShadowLine——ports/telegram/mapping.json:187 /mappings/color.surface.backdrop/1
telegram · portandroid:chat_gifSaveHintBackground——ports/telegram/mapping.json:188 /mappings/color.surface.backdrop/2
telegram · portandroid:chat_inBubbleLocationPlaceholder——ports/telegram/mapping.json:189 /mappings/color.surface.backdrop/3
telegram · portandroid:chat_mediaLoaderPhoto——ports/telegram/mapping.json:213 /mappings/color.surface.backdrop/27
telegram · portandroid:chat_mediaLoaderPhotoSelected——ports/telegram/mapping.json:212 /mappings/color.surface.backdrop/26
telegram · portandroid:chat_mediaTimeBackground——ports/telegram/mapping.json:186 /mappings/color.surface.backdrop/0
telegram · portandroid:chat_outBubbleLocationPlaceholder——ports/telegram/mapping.json:190 /mappings/color.surface.backdrop/4
telegram · portandroid:chat_secretTimerBackground——ports/telegram/mapping.json:215 /mappings/color.surface.backdrop/29
telegram · portandroid:chat_shareBackground——ports/telegram/mapping.json:216 /mappings/color.surface.backdrop/30
telegram · portandroid:chat_shareBackgroundSelected——ports/telegram/mapping.json:217 /mappings/color.surface.backdrop/31
telegram · portandroid:dialogCardShadow——ports/telegram/mapping.json:191 /mappings/color.surface.backdrop/5
telegram · portandroid:player_actionBarTop——ports/telegram/mapping.json:218 /mappings/color.surface.backdrop/32
telegram · portdesktop:callBg——ports/telegram/mapping.json:210 /mappings/color.surface.backdrop/24
telegram · portdesktop:callBgButton——ports/telegram/mapping.json:211 /mappings/color.surface.backdrop/25
telegram · portdesktop:historyToDownShadow——ports/telegram/mapping.json:206 /mappings/color.surface.backdrop/20
telegram · portdesktop:layerBg——ports/telegram/mapping.json:194 /mappings/color.surface.backdrop/8
telegram · portdesktop:mediaviewBg——ports/telegram/mapping.json:207 /mappings/color.surface.backdrop/21
telegram · portdesktop:mediaviewCaptionBg——ports/telegram/mapping.json:209 /mappings/color.surface.backdrop/23
telegram · portdesktop:mediaviewControlBg——ports/telegram/mapping.json:208 /mappings/color.surface.backdrop/22
telegram · portdesktop:msgDateImgBg——ports/telegram/mapping.json:202 /mappings/color.surface.backdrop/16
telegram · portdesktop:msgDateImgBgOver——ports/telegram/mapping.json:203 /mappings/color.surface.backdrop/17
telegram · portdesktop:msgDateImgBgSelected——ports/telegram/mapping.json:204 /mappings/color.surface.backdrop/18
telegram · portdesktop:msgInShadow——ports/telegram/mapping.json:196 /mappings/color.surface.backdrop/10
telegram · portdesktop:msgInShadowSelected——ports/telegram/mapping.json:197 /mappings/color.surface.backdrop/11
telegram · portdesktop:msgOutShadow——ports/telegram/mapping.json:198 /mappings/color.surface.backdrop/12
telegram · portdesktop:msgOutShadowSelected——ports/telegram/mapping.json:199 /mappings/color.surface.backdrop/13
telegram · portdesktop:msgServiceBg——ports/telegram/mapping.json:200 /mappings/color.surface.backdrop/14
telegram · portdesktop:msgServiceBgSelected——ports/telegram/mapping.json:201 /mappings/color.surface.backdrop/15
telegram · portdesktop:slideFadeOutBg——ports/telegram/mapping.json:192 /mappings/color.surface.backdrop/6
telegram · portdesktop:songCoverOverlayFg——ports/telegram/mapping.json:214 /mappings/color.surface.backdrop/28
telegram · portdesktop:stickerPreviewBg——ports/telegram/mapping.json:195 /mappings/color.surface.backdrop/9
telegram · portdesktop:titleShadow——ports/telegram/mapping.json:193 /mappings/color.surface.backdrop/7
telegram · portdesktop:toastBg——ports/telegram/mapping.json:205 /mappings/color.surface.backdrop/19

Declared unmapped ports

  • chatgpt: ChatGPT has one background; raised, overlay and inset surfaces follow its own derivation from it. · ports/chatgpt/mapping.json:260 /unmapped/color.surface.backdrop
  • claude-code: Interface colour role that no Claude Code theme key takes. · ports/claude-code/mapping.json:390 /unmapped/color.surface.backdrop
  • codex: Interface colour role; a Codex tmTheme colours code only. · ports/codex/mapping.json:279 /unmapped/color.surface.backdrop
  • ghostty: Interface colour role; a terminal theme file carries terminal colours only. · ports/ghostty/mapping.json:298 /unmapped/color.surface.backdrop
  • orca: No separately mapped public Orca theme key for this role; the host derives or retains this state. The app plugin maps supported chrome and editor keys independently of terminal colours. · ports/orca/mapping.json:488 /unmapped/color.surface.backdrop
  • warp: Interface colour role; a terminal theme file carries terminal colours only. · ports/warp/mapping.json:292 /unmapped/color.surface.backdrop
  • windows: Outside Windows visual adapter scope; preserve host semantics. · ports/windows/mapping.json:2351 /unmapped/color.surface.backdrop

Relevant contrast declarations

No contrast pair is declared for this role.

heritage-ansi · heritage

Resolved value
rgb(0 0 0 / 65%)
Status
proposed
Consumption
historical-only — Historical fidelity only; preserve all documented limitations and deprecations.
Decisions
D-008
Source
tokens/semantic.tokens.json:118 /color/surface/backdrop
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
command-palette · partdependency.role-color-surface-backdrop—spec/components/command-palette.md:47 /tokens/dependency.role-color-surface-backdrop
dialog · partbackdrop.bg—spec/components/dialog.md:31 /tokens/backdrop.bg
drawer · partbackdrop.bg—spec/components/drawer.md:27 /tokens/backdrop.bg

Relevant contrast declarations

No contrast pair is declared for this role.

extended · proposed

Resolved value
rgb(0 0 0 / 65%)
Status
proposed
Consumption
blocked — Proposed profile: preview only, not downstream delivery.
Decisions
D-008
Source
tokens/semantic.tokens.json:118 /color/surface/backdrop
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
command-palette · partdependency.role-color-surface-backdrop—spec/components/command-palette.md:47 /tokens/dependency.role-color-surface-backdrop
dialog · partbackdrop.bg—spec/components/dialog.md:31 /tokens/backdrop.bg
drawer · partbackdrop.bg—spec/components/drawer.md:27 /tokens/backdrop.bg

Relevant contrast declarations

No contrast pair is declared for this role.