J3W1 / DESIGN SYSTEM
color.surface.sunken
Reading and detail panes set below the canvas.
Source revision 1faefcf014c8bf01a6b27308ea796da968773a81
Find related usage · Specification anchor · Measured contrast report (default profile)
Report an issue with this token
color.surface.sunken--color-surface-sunkendefault · approved
Provenance and restrictions
{
"status": "approved",
"approval": {
"decision": "D-023"
}
}Declared component and port usage
| Consumer / kind | Part / variant | State / surface | Source declaration |
|---|---|---|---|
| Shared rule · contrast | — | — · color.surface.sunken | spec/contrast.json:9 /pairs/5 |
| code-editor · part | gutter.bg-read-only | — | spec/components/code-editor.md:39 /tokens/gutter.bg-read-only |
| code-editor · state | bg | read-only · color.surface.sunken | spec/components/code-editor.md:75 /stateTokens/read-only/bg |
Relevant contrast declarations
- code-editor read-only fg: color.code.line-number on color.surface.sunken · spec/components/code-editor.md:75
/stateTokens/read-only - prose on sunken: color.text.prose on color.surface.sunken · spec/contrast.json:9
/pairs/5
heritage-ansi · heritage
Provenance and restrictions
{
"status": "heritage"
}Declared component and port usage
| Consumer / kind | Part / variant | State / surface | Source declaration |
|---|---|---|---|
| Shared rule · contrast | — | — · color.surface.sunken | spec/contrast.json:9 /pairs/5 |
| code-editor · part | gutter.bg-read-only | — | spec/components/code-editor.md:39 /tokens/gutter.bg-read-only |
| code-editor · state | bg | read-only · color.surface.sunken | spec/components/code-editor.md:75 /stateTokens/read-only/bg |
Relevant contrast declarations
- code-editor read-only fg: color.code.line-number on color.surface.sunken · spec/components/code-editor.md:75
/stateTokens/read-only - prose on sunken: color.text.prose on color.surface.sunken · spec/contrast.json:9
/pairs/5
extended · proposed
Provenance and restrictions
{
"status": "approved",
"approval": {
"decision": "D-023"
}
}Declared component and port usage
| Consumer / kind | Part / variant | State / surface | Source declaration |
|---|---|---|---|
| Shared rule · contrast | — | — · color.surface.sunken | spec/contrast.json:9 /pairs/5 |
| code-editor · part | gutter.bg-read-only | — | spec/components/code-editor.md:39 /tokens/gutter.bg-read-only |
| code-editor · state | bg | read-only · color.surface.sunken | spec/components/code-editor.md:75 /stateTokens/read-only/bg |
Relevant contrast declarations
- code-editor read-only fg: color.code.line-number on color.surface.sunken · spec/components/code-editor.md:75
/stateTokens/read-only - prose on sunken: color.text.prose on color.surface.sunken · spec/contrast.json:9
/pairs/5