color.surface.canvas
Page and terminal background.
Source revision 9afef8564142e41458748895d16b4df161a67d66
Find related usageSpecification anchorMeasured contrast report (default profile)Report an issue with this token
color.surface.canvas--color-surface-canvasdefault · approved
- Resolved value
#000000- Status
- approved
- Consumption
- use — Use within the role's documented scope and restrictions.
- Decisions
- None pending.
- Source
- tokens/semantic.tokens.json:10
/color/surface/canvas - Alias chain
color.primitive.ink.0- Used by aliases
- No declared aliases depend on this role.
Provenance and restrictions
{
"status": "approved",
"approval": {
"decision": "D-023"
}
}Declared component and port usage
| Consumer / kind | Part / variant | State / surface | Source declaration |
|---|---|---|---|
| combobox · contrast | — | — · color.surface.canvas | spec/components/combobox.md:75 /contrast/1 |
| combobox · contrast | — | — · color.surface.canvas | spec/components/combobox.md:76 /contrast/2 |
| date-picker · contrast | — | read-only · color.surface.canvas | spec/components/date-picker.md:101 /contrast/4 |
| date-picker · contrast | — | — · color.surface.canvas | spec/components/date-picker.md:82 /contrast/0 |
| date-picker · contrast | — | — · color.surface.canvas | spec/components/date-picker.md:85 /contrast/1 |
| empty-state · contrast | — | — · color.surface.canvas | spec/components/empty-state.md:39 /contrast/4 |
| field · contrast | — | — · color.surface.canvas | spec/components/field.md:38 /contrast/1 |
| file-input · contrast | — | hover · color.surface.canvas | spec/components/file-input.md:63 /contrast/0 |
| file-input · contrast | — | — · color.surface.canvas | spec/components/file-input.md:64 /contrast/1 |
| file-input · contrast | — | — · color.surface.canvas | spec/components/file-input.md:65 /contrast/2 |
| file-input · contrast | — | — · color.surface.canvas | spec/components/file-input.md:66 /contrast/3 |
| file-input · contrast | — | — · color.surface.canvas | spec/components/file-input.md:67 /contrast/4 |
| i3-window-frame · contrast | — | focus-visible · color.surface.canvas | spec/components/i3-window-frame.md:77 /contrast/6 |
| link · contrast | — | — · color.surface.canvas | spec/components/link.md:42 /contrast/0 |
| loading-indicator · contrast | — | — · color.surface.canvas | spec/components/loading-indicator.md:32 /contrast/0 |
| loading-indicator · contrast | — | — · color.surface.canvas | spec/components/loading-indicator.md:35 /contrast/3 |
| number-field · contrast | — | read-only · color.surface.canvas | spec/components/number-field.md:68 /contrast/8 |
| progress · contrast | — | — · color.surface.canvas | spec/components/progress.md:42 /contrast/0 |
| progress · contrast | — | — · color.surface.canvas | spec/components/progress.md:43 /contrast/1 |
| text-field · contrast | — | read-only · color.surface.canvas | spec/components/text-field.md:80 /contrast/4 |
| textarea · contrast | — | read-only · color.surface.canvas | spec/components/textarea.md:69 /contrast/4 |
| time-picker · contrast | — | — · color.surface.canvas | spec/components/time-picker.md:67 /contrast/0 |
| time-picker · contrast | — | — · color.surface.canvas | spec/components/time-picker.md:70 /contrast/1 |
| toast · contrast | — | — · color.surface.canvas | spec/components/toast.md:63 /contrast/0 |
| toast · contrast | — | — · color.surface.canvas | spec/components/toast.md:64 /contrast/1 |
| toast · contrast | — | — · color.surface.canvas | spec/components/toast.md:78 /contrast/15 |
| tooltip · contrast | — | — · color.surface.canvas | spec/components/tooltip.md:45 /contrast/2 |
| wizard · contrast | — | disabled · color.surface.canvas | spec/components/wizard.md:71 /contrast/9 |
| wizard · contrast | — | — · color.surface.canvas | spec/components/wizard.md:62 /contrast/0 |
| wizard · contrast | — | — · color.surface.canvas | spec/components/wizard.md:66 /contrast/4 |
| wizard · contrast | — | — · color.surface.canvas | spec/components/wizard.md:67 /contrast/5 |
| wizard · contrast | — | — · color.surface.canvas | spec/components/wizard.md:68 /contrast/6 |
| wizard · contrast | — | — · color.surface.canvas | spec/components/wizard.md:69 /contrast/7 |
| Shared rule · contrast | — | — · color.surface.canvas | spec/contrast.json:4 /pairs/0 |
| Shared rule · contrast | — | — · color.surface.canvas | spec/contrast.json:14 /pairs/10 |
| Shared rule · contrast | — | — · color.surface.canvas | spec/contrast.json:16 /pairs/12 |
| Shared rule · contrast | — | — · color.surface.canvas | spec/contrast.json:19 /pairs/15 |
| Shared rule · contrast | — | — · color.surface.canvas | spec/contrast.json:25 /pairs/21 |
| Shared rule · contrast | — | — · color.surface.canvas | spec/contrast.json:26 /pairs/22 |
| Shared rule · contrast | — | — · color.surface.canvas | spec/contrast.json:28 /pairs/24 |
| Shared rule · contrast | — | — · color.surface.canvas | spec/contrast.json:31 /pairs/27 |
| Shared rule · contrast | — | — · color.surface.canvas | spec/contrast.json:7 /pairs/3 |
| Shared rule · contrast | — | — · color.surface.canvas | spec/contrast.json:34 /pairs/30 |
| Shared rule · contrast | — | — · color.surface.canvas | spec/contrast.json:37 /pairs/33 |
| Shared rule · contrast | — | — · color.surface.canvas | spec/contrast.json:41 /pairs/37 |
| Shared rule · contrast | — | — · color.surface.canvas | spec/contrast.json:8 /pairs/4 |
| Shared rule · contrast | — | — · color.surface.canvas | spec/contrast.json:47 /pairs/43 |
| Shared rule · contrast | — | — · color.surface.canvas | spec/contrast.json:48 /pairs/44 |
| Shared rule · contrast | — | — · color.surface.canvas | spec/contrast.json:57 /pairs/53 |
| Shared rule · contrast | — | — · color.surface.canvas | spec/contrast.json:58 /pairs/54 |
| Shared rule · contrast | — | — · color.surface.canvas | spec/contrast.json:59 /pairs/55 |
| Shared rule · contrast | — | — · color.surface.canvas | spec/contrast.json:10 /pairs/6 |
| Shared rule · contrast | — | — · color.surface.canvas | spec/contrast.json:64 /pairs/60 |
| Shared rule · contrast | — | — · color.surface.canvas | spec/contrast.json:65 /pairs/61 |
| Shared rule · contrast | — | — · color.surface.canvas | spec/contrast.json:66 /pairs/62 |
| Shared rule · contrast | — | — · color.surface.canvas | spec/contrast.json:12 /pairs/8 |
| date-picker · part | root.bg-readonly | — | spec/components/date-picker.md:41 /tokens/root.bg-readonly |
| i3-window-frame · part | window.bg | — | spec/components/i3-window-frame.md:49 /tokens/window.bg |
| number-field · part | root.bg-readonly | — | spec/components/number-field.md:40 /tokens/root.bg-readonly |
| textarea · part | root.bg-readonly | — | spec/components/textarea.md:43 /tokens/root.bg-readonly |
| toast · part | root.bg | — | spec/components/toast.md:29 /tokens/root.bg |
obsidian · port--background-primary | — | — | ports/obsidian/mapping.json:5 /mappings/color.surface.canvas/0 |
telegram · portandroid:chat_wallpaper | — | — | ports/telegram/mapping.json:6 /mappings/color.surface.canvas/1 |
telegram · portandroid:windowBackgroundWhite | — | — | ports/telegram/mapping.json:5 /mappings/color.surface.canvas/0 |
orca · portapp.tokens.--background | — | — | ports/orca/mapping.json:102 /mappings/color.surface.canvas/0 |
orca · portapp.tokens.--card | — | — | ports/orca/mapping.json:104 /mappings/color.surface.canvas/2 |
orca · portapp.tokens.--chat-user-message | — | — | ports/orca/mapping.json:118 /mappings/color.surface.canvas/16 |
orca · portapp.tokens.--editor-surface | — | — | ports/orca/mapping.json:103 /mappings/color.surface.canvas/1 |
orca · portapp.tokens.--host-badge | — | — | ports/orca/mapping.json:114 /mappings/color.surface.canvas/12 |
orca · portapp.tokens.--input | — | — | ports/orca/mapping.json:119 /mappings/color.surface.canvas/17 |
orca · portapp.tokens.--muted | — | — | ports/orca/mapping.json:107 /mappings/color.surface.canvas/5 |
orca · portapp.tokens.--popover | — | — | ports/orca/mapping.json:105 /mappings/color.surface.canvas/3 |
orca · portapp.tokens.--secondary | — | — | ports/orca/mapping.json:106 /mappings/color.surface.canvas/4 |
orca · portapp.tokens.--sidebar-accent | — | — | ports/orca/mapping.json:110 /mappings/color.surface.canvas/8 |
orca · portapp.tokens.--sidebar-primary | — | — | ports/orca/mapping.json:109 /mappings/color.surface.canvas/7 |
orca · portapp.tokens.--sidebar | — | — | ports/orca/mapping.json:108 /mappings/color.surface.canvas/6 |
orca · portapp.tokens.--tab-active | — | — | ports/orca/mapping.json:116 /mappings/color.surface.canvas/14 |
orca · portapp.tokens.--tab-bar | — | — | ports/orca/mapping.json:115 /mappings/color.surface.canvas/13 |
orca · portapp.tokens.--tab-inactive | — | — | ports/orca/mapping.json:117 /mappings/color.surface.canvas/15 |
orca · portapp.tokens.--worktree-sidebar-accent | — | — | ports/orca/mapping.json:112 /mappings/color.surface.canvas/10 |
orca · portapp.tokens.--worktree-sidebar-active | — | — | ports/orca/mapping.json:113 /mappings/color.surface.canvas/11 |
orca · portapp.tokens.--worktree-sidebar | — | — | ports/orca/mapping.json:111 /mappings/color.surface.canvas/9 |
chatgpt · portBackground | — | — | ports/chatgpt/mapping.json:9 /mappings/color.surface.canvas/0 |
windows · portcalculator.resource.AppBackgroundAltMediumLowBrush | — | — | ports/windows/mapping.json:152 /mappings/color.surface.canvas/27 |
windows · portcalculator.resource.AppChromeAcrylicHostBackdropMediumLowBrush | — | — | ports/windows/mapping.json:151 /mappings/color.surface.canvas/26 |
windows · portcalculator.resource.AppOperatorPanelBackground | — | — | ports/windows/mapping.json:153 /mappings/color.surface.canvas/28 |
windows · portcalculator.resource.NavigationViewContentBackground | — | — | ports/windows/mapping.json:163 /mappings/color.surface.canvas/38 |
windows · portcalculator.resource.NavigationViewDefaultPaneBackground | — | — | ports/windows/mapping.json:157 /mappings/color.surface.canvas/32 |
windows · portcalculator.resource.NavigationViewExpandedPaneBackground | — | — | ports/windows/mapping.json:159 /mappings/color.surface.canvas/34 |
windows · portcalculator.resource.NavigationViewItemBackground | — | — | ports/windows/mapping.json:162 /mappings/color.surface.canvas/37 |
windows · portcalculator.resource.NavigationViewTopPaneBackground | — | — | ports/windows/mapping.json:160 /mappings/color.surface.canvas/35 |
windows · portcalculator.resource.SolidBackgroundFillColorBaseBrush | — | — | ports/windows/mapping.json:156 /mappings/color.surface.canvas/31 |
windows · portcalculator.resource.SplitButtonBackground | — | — | ports/windows/mapping.json:237 /mappings/color.surface.canvas/112 |
windows · portcalculator.resource.SubtleButtonBackground | — | — | ports/windows/mapping.json:234 /mappings/color.surface.canvas/109 |
windows · portcalculator.resource.SystemControlBackgroundAltHighBrush | — | — | ports/windows/mapping.json:154 /mappings/color.surface.canvas/29 |
windows · portcalculator.resource.SystemControlBackgroundChromeMediumLowBrush | — | — | ports/windows/mapping.json:155 /mappings/color.surface.canvas/30 |
windows · portcalculator.resource.SystemControlFocusVisualSecondaryBrush | — | — | ports/windows/mapping.json:158 /mappings/color.surface.canvas/33 |
windows · portcalculator.resource.ToggleButtonBackground | — | — | ports/windows/mapping.json:212 /mappings/color.surface.canvas/87 |
windows · portcalculator.resource.ToggleButtonBackgroundIndeterminate | — | — | ports/windows/mapping.json:213 /mappings/color.surface.canvas/88 |
windows · portcursor.foreground | — | — | ports/windows/mapping.json:126 /mappings/color.surface.canvas/1 |
telegram · portdesktop:imageBg | — | — | ports/telegram/mapping.json:8 /mappings/color.surface.canvas/3 |
telegram · portdesktop:imageBgTransparent | — | — | ports/telegram/mapping.json:9 /mappings/color.surface.canvas/4 |
telegram · portdesktop:windowBg | — | — | ports/telegram/mapping.json:7 /mappings/color.surface.canvas/2 |
windows · portnativeExplorer.background | — | — | ports/windows/mapping.json:140 /mappings/color.surface.canvas/15 |
windows · portnotepad-chrome.resource.AppBarButtonBackground | — | — | ports/windows/mapping.json:182 /mappings/color.surface.canvas/57 |
windows · portnotepad-chrome.resource.AppBarToggleButtonBackground | — | — | ports/windows/mapping.json:183 /mappings/color.surface.canvas/58 |
windows · portnotepad-chrome.resource.ApplicationPageBackgroundThemeBrush | — | — | ports/windows/mapping.json:175 /mappings/color.surface.canvas/50 |
windows · portnotepad-chrome.resource.CommandBarBackground | — | — | ports/windows/mapping.json:184 /mappings/color.surface.canvas/59 |
windows · portnotepad-chrome.resource.CommandBarBackgroundOpen | — | — | ports/windows/mapping.json:185 /mappings/color.surface.canvas/60 |
windows · portnotepad-chrome.resource.LayerFillColorAltBrush | — | — | ports/windows/mapping.json:170 /mappings/color.surface.canvas/45 |
windows · portnotepad-chrome.resource.LayerFillColorDefaultBrush | — | — | ports/windows/mapping.json:169 /mappings/color.surface.canvas/44 |
windows · portnotepad-chrome.resource.LayerOnMicaBaseAltFillColorDefaultBrush | — | — | ports/windows/mapping.json:171 /mappings/color.surface.canvas/46 |
windows · portnotepad-chrome.resource.MenuBarBackground | — | — | ports/windows/mapping.json:180 /mappings/color.surface.canvas/55 |
windows · portnotepad-chrome.resource.MenuBarBackgroundBrush | — | — | ports/windows/mapping.json:164 /mappings/color.surface.canvas/39 |
windows · portnotepad-chrome.resource.MenuBarItemBackground | — | — | ports/windows/mapping.json:181 /mappings/color.surface.canvas/56 |
windows · portnotepad-chrome.resource.NavigationViewDefaultPaneBackground | — | — | ports/windows/mapping.json:172 /mappings/color.surface.canvas/47 |
windows · portnotepad-chrome.resource.NavigationViewExpandedPaneBackground | — | — | ports/windows/mapping.json:173 /mappings/color.surface.canvas/48 |
windows · portnotepad-chrome.resource.NavigationViewTopPaneBackground | — | — | ports/windows/mapping.json:174 /mappings/color.surface.canvas/49 |
windows · portnotepad-chrome.resource.PageBackground | — | — | ports/windows/mapping.json:176 /mappings/color.surface.canvas/51 |
windows · portnotepad-chrome.resource.RibbonBackground | — | — | ports/windows/mapping.json:165 /mappings/color.surface.canvas/40 |
windows · portnotepad-chrome.resource.SolidBackgroundFillColorBaseBrush | — | — | ports/windows/mapping.json:166 /mappings/color.surface.canvas/41 |
windows · portnotepad-chrome.resource.SolidBackgroundFillColorSecondaryBrush | — | — | ports/windows/mapping.json:167 /mappings/color.surface.canvas/42 |
windows · portnotepad-chrome.resource.SolidBackgroundFillColorTertiaryBrush | — | — | ports/windows/mapping.json:168 /mappings/color.surface.canvas/43 |
windows · portnotepad-chrome.resource.SplitButtonBackground | — | — | ports/windows/mapping.json:235 /mappings/color.surface.canvas/110 |
windows · portnotepad-chrome.resource.SubtleButtonBackground | — | — | ports/windows/mapping.json:232 /mappings/color.surface.canvas/107 |
windows · portnotepad-chrome.resource.SystemControlBackgroundChromeLowBrush | — | — | ports/windows/mapping.json:179 /mappings/color.surface.canvas/54 |
windows · portnotepad-chrome.resource.SystemControlBackgroundChromeMediumLowBrush | — | — | ports/windows/mapping.json:178 /mappings/color.surface.canvas/53 |
windows · portnotepad-chrome.resource.ToggleButtonBackground | — | — | ports/windows/mapping.json:186 /mappings/color.surface.canvas/61 |
windows · portnotepad-chrome.resource.ToggleButtonBackgroundIndeterminate | — | — | ports/windows/mapping.json:187 /mappings/color.surface.canvas/62 |
windows · portnotepad-chrome.resource.WindowBackground | — | — | ports/windows/mapping.json:177 /mappings/color.surface.canvas/52 |
windows · portnotepad-native.CANVAS | — | — | ports/windows/mapping.json:161 /mappings/color.surface.canvas/36 |
windows · portpaint-chrome.caption.BackgroundColor | — | — | ports/windows/mapping.json:214 /mappings/color.surface.canvas/89 |
windows · portpaint-chrome.caption.ButtonBackgroundColor | — | — | ports/windows/mapping.json:215 /mappings/color.surface.canvas/90 |
windows · portpaint-chrome.caption.ButtonInactiveBackgroundColor | — | — | ports/windows/mapping.json:217 /mappings/color.surface.canvas/92 |
windows · portpaint-chrome.caption.InactiveBackgroundColor | — | — | ports/windows/mapping.json:216 /mappings/color.surface.canvas/91 |
windows · portpaint-chrome.resource.AppBarButtonBackground | — | — | ports/windows/mapping.json:206 /mappings/color.surface.canvas/81 |
windows · portpaint-chrome.resource.AppBarToggleButtonBackground | — | — | ports/windows/mapping.json:207 /mappings/color.surface.canvas/82 |
windows · portpaint-chrome.resource.ApplicationPageBackgroundThemeBrush | — | — | ports/windows/mapping.json:199 /mappings/color.surface.canvas/74 |
windows · portpaint-chrome.resource.CommandBarBackground | — | — | ports/windows/mapping.json:208 /mappings/color.surface.canvas/83 |
windows · portpaint-chrome.resource.CommandBarBackgroundOpen | — | — | ports/windows/mapping.json:209 /mappings/color.surface.canvas/84 |
windows · portpaint-chrome.resource.LayerFillColorAltBrush | — | — | ports/windows/mapping.json:194 /mappings/color.surface.canvas/69 |
windows · portpaint-chrome.resource.LayerFillColorDefaultBrush | — | — | ports/windows/mapping.json:193 /mappings/color.surface.canvas/68 |
windows · portpaint-chrome.resource.LayerOnMicaBaseAltFillColorDefaultBrush | — | — | ports/windows/mapping.json:195 /mappings/color.surface.canvas/70 |
windows · portpaint-chrome.resource.MenuBarBackground | — | — | ports/windows/mapping.json:204 /mappings/color.surface.canvas/79 |
windows · portpaint-chrome.resource.MenuBarBackgroundBrush | — | — | ports/windows/mapping.json:188 /mappings/color.surface.canvas/63 |
windows · portpaint-chrome.resource.MenuBarItemBackground | — | — | ports/windows/mapping.json:205 /mappings/color.surface.canvas/80 |
windows · portpaint-chrome.resource.NavigationViewDefaultPaneBackground | — | — | ports/windows/mapping.json:196 /mappings/color.surface.canvas/71 |
windows · portpaint-chrome.resource.NavigationViewExpandedPaneBackground | — | — | ports/windows/mapping.json:197 /mappings/color.surface.canvas/72 |
windows · portpaint-chrome.resource.NavigationViewTopPaneBackground | — | — | ports/windows/mapping.json:198 /mappings/color.surface.canvas/73 |
windows · portpaint-chrome.resource.PageBackground | — | — | ports/windows/mapping.json:200 /mappings/color.surface.canvas/75 |
windows · portpaint-chrome.resource.RibbonBackground | — | — | ports/windows/mapping.json:189 /mappings/color.surface.canvas/64 |
windows · portpaint-chrome.resource.SolidBackgroundFillColorBaseBrush | — | — | ports/windows/mapping.json:190 /mappings/color.surface.canvas/65 |
windows · portpaint-chrome.resource.SolidBackgroundFillColorSecondaryBrush | — | — | ports/windows/mapping.json:191 /mappings/color.surface.canvas/66 |
windows · portpaint-chrome.resource.SolidBackgroundFillColorTertiaryBrush | — | — | ports/windows/mapping.json:192 /mappings/color.surface.canvas/67 |
windows · portpaint-chrome.resource.SplitButtonBackground | — | — | ports/windows/mapping.json:236 /mappings/color.surface.canvas/111 |
windows · portpaint-chrome.resource.SubtleButtonBackground | — | — | ports/windows/mapping.json:233 /mappings/color.surface.canvas/108 |
windows · portpaint-chrome.resource.SystemControlBackgroundChromeLowBrush | — | — | ports/windows/mapping.json:203 /mappings/color.surface.canvas/78 |
windows · portpaint-chrome.resource.SystemControlBackgroundChromeMediumLowBrush | — | — | ports/windows/mapping.json:202 /mappings/color.surface.canvas/77 |
windows · portpaint-chrome.resource.ToggleButtonBackground | — | — | ports/windows/mapping.json:210 /mappings/color.surface.canvas/85 |
windows · portpaint-chrome.resource.ToggleButtonBackgroundIndeterminate | — | — | ports/windows/mapping.json:211 /mappings/color.surface.canvas/86 |
windows · portpaint-chrome.resource.WindowBackground | — | — | ports/windows/mapping.json:201 /mappings/color.surface.canvas/76 |
windows · portpowertoys.markdown.CANVAS | — | — | ports/windows/mapping.json:147 /mappings/color.surface.canvas/22 |
windows · portterminal-chrome.resource.AppBarButtonBackground | — | — | ports/windows/mapping.json:258 /mappings/color.surface.canvas/133 |
windows · portterminal-chrome.resource.AppBarToggleButtonBackground | — | — | ports/windows/mapping.json:259 /mappings/color.surface.canvas/134 |
windows · portterminal-chrome.resource.ApplicationPageBackgroundThemeBrush | — | — | ports/windows/mapping.json:251 /mappings/color.surface.canvas/126 |
windows · portterminal-chrome.resource.CommandBarBackground | — | — | ports/windows/mapping.json:260 /mappings/color.surface.canvas/135 |
windows · portterminal-chrome.resource.CommandBarBackgroundOpen | — | — | ports/windows/mapping.json:261 /mappings/color.surface.canvas/136 |
windows · portterminal-chrome.resource.LayerFillColorAltBrush | — | — | ports/windows/mapping.json:246 /mappings/color.surface.canvas/121 |
windows · portterminal-chrome.resource.LayerFillColorDefaultBrush | — | — | ports/windows/mapping.json:245 /mappings/color.surface.canvas/120 |
windows · portterminal-chrome.resource.LayerOnMicaBaseAltFillColorDefaultBrush | — | — | ports/windows/mapping.json:247 /mappings/color.surface.canvas/122 |
windows · portterminal-chrome.resource.MenuBarBackground | — | — | ports/windows/mapping.json:256 /mappings/color.surface.canvas/131 |
windows · portterminal-chrome.resource.MenuBarBackgroundBrush | — | — | ports/windows/mapping.json:240 /mappings/color.surface.canvas/115 |
windows · portterminal-chrome.resource.MenuBarItemBackground | — | — | ports/windows/mapping.json:257 /mappings/color.surface.canvas/132 |
windows · portterminal-chrome.resource.NavigationViewDefaultPaneBackground | — | — | ports/windows/mapping.json:248 /mappings/color.surface.canvas/123 |
windows · portterminal-chrome.resource.NavigationViewExpandedPaneBackground | — | — | ports/windows/mapping.json:249 /mappings/color.surface.canvas/124 |
windows · portterminal-chrome.resource.NavigationViewTopPaneBackground | — | — | ports/windows/mapping.json:250 /mappings/color.surface.canvas/125 |
windows · portterminal-chrome.resource.PageBackground | — | — | ports/windows/mapping.json:252 /mappings/color.surface.canvas/127 |
windows · portterminal-chrome.resource.RibbonBackground | — | — | ports/windows/mapping.json:241 /mappings/color.surface.canvas/116 |
windows · portterminal-chrome.resource.SolidBackgroundFillColorBaseBrush | — | — | ports/windows/mapping.json:242 /mappings/color.surface.canvas/117 |
windows · portterminal-chrome.resource.SolidBackgroundFillColorSecondaryBrush | — | — | ports/windows/mapping.json:243 /mappings/color.surface.canvas/118 |
windows · portterminal-chrome.resource.SolidBackgroundFillColorTertiaryBrush | — | — | ports/windows/mapping.json:244 /mappings/color.surface.canvas/119 |
windows · portterminal-chrome.resource.SplitButtonBackground | — | — | ports/windows/mapping.json:265 /mappings/color.surface.canvas/140 |
windows · portterminal-chrome.resource.SubtleButtonBackground | — | — | ports/windows/mapping.json:264 /mappings/color.surface.canvas/139 |
windows · portterminal-chrome.resource.SystemControlBackgroundChromeLowBrush | — | — | ports/windows/mapping.json:255 /mappings/color.surface.canvas/130 |
windows · portterminal-chrome.resource.SystemControlBackgroundChromeMediumLowBrush | — | — | ports/windows/mapping.json:254 /mappings/color.surface.canvas/129 |
windows · portterminal-chrome.resource.ToggleButtonBackground | — | — | ports/windows/mapping.json:262 /mappings/color.surface.canvas/137 |
windows · portterminal-chrome.resource.ToggleButtonBackgroundIndeterminate | — | — | ports/windows/mapping.json:263 /mappings/color.surface.canvas/138 |
windows · portterminal-chrome.resource.WindowBackground | — | — | ports/windows/mapping.json:253 /mappings/color.surface.canvas/128 |
windows · portterminal.background | — | — | ports/windows/mapping.json:125 /mappings/color.surface.canvas/0 |
chatgpt · porttheme.surface | — | — | ports/chatgpt/mapping.json:10 /mappings/color.surface.canvas/1 |
windows · portwindhawk.resource.ScrollBarThumbBorderBrush | — | — | ports/windows/mapping.json:225 /mappings/color.surface.canvas/100 |
windows · portwindhawk.resource.ScrollBarTrackFill | — | — | ports/windows/mapping.json:226 /mappings/color.surface.canvas/101 |
windows · portwindhawk.resource.ScrollBarTrackFillDisabled | — | — | ports/windows/mapping.json:228 /mappings/color.surface.canvas/103 |
windows · portwindhawk.resource.ScrollBarTrackFillPointerOver | — | — | ports/windows/mapping.json:227 /mappings/color.surface.canvas/102 |
windows · portwindhawk.resource.ScrollBarTrackStroke | — | — | ports/windows/mapping.json:229 /mappings/color.surface.canvas/104 |
windows · portwindhawk.resource.ScrollBarTrackStrokeDisabled | — | — | ports/windows/mapping.json:231 /mappings/color.surface.canvas/106 |
windows · portwindhawk.resource.ScrollBarTrackStrokePointerOver | — | — | ports/windows/mapping.json:230 /mappings/color.surface.canvas/105 |
windows · portwindhawk.resource.SolidBackgroundFillColorBase | — | — | ports/windows/mapping.json:127 /mappings/color.surface.canvas/2 |
windows · portwindhawk.resource.SplitButtonBackground | — | — | ports/windows/mapping.json:239 /mappings/color.surface.canvas/114 |
windows · portwindhawk.resource.SubtleButtonBackground | — | — | ports/windows/mapping.json:238 /mappings/color.surface.canvas/113 |
windows · portwindows-11-file-explorer-styler | CommandBar > Grid#LayoutRoot > Grid#ContentRoot | Background | — | — | ports/windows/mapping.json:144 /mappings/color.surface.canvas/19 |
windows · portwindows-11-file-explorer-styler | CommandBar#FileExplorerCommandBar | Background | — | — | ports/windows/mapping.json:142 /mappings/color.surface.canvas/17 |
windows · portwindows-11-file-explorer-styler | CommandBar#FileExplorerSecondaryCommandBar | Background | — | — | ports/windows/mapping.json:143 /mappings/color.surface.canvas/18 |
windows · portwindows-11-file-explorer-styler | FileExplorerExtensions.AddressBarControl > Grid#PART_LayoutRoot | Background | — | — | ports/windows/mapping.json:146 /mappings/color.surface.canvas/21 |
windows · portwindows-11-file-explorer-styler | FileExplorerExtensions.CommandBarControl_Wave1 > Grid, Grid#CommandBarControlRootGrid | Background | — | — | ports/windows/mapping.json:141 /mappings/color.surface.canvas/16 |
windows · portwindows-11-file-explorer-styler | TabViewItem > Grid#LayoutRoot@CommonStates | Background@Normal | — | — | ports/windows/mapping.json:145 /mappings/color.surface.canvas/20 |
windows · portwindows-11-notification-center-styler | ActionCenter.FlexibleToastView#FlexibleNormalToastView | Background | — | — | ports/windows/mapping.json:137 /mappings/color.surface.canvas/12 |
windows · portwindows-11-notification-center-styler | Border#ToastBackgroundBorder | Background | — | — | ports/windows/mapping.json:133 /mappings/color.surface.canvas/8 |
windows · portwindows-11-notification-center-styler | Border#ToastBackgroundBorder2 | Background | — | — | ports/windows/mapping.json:134 /mappings/color.surface.canvas/9 |
windows · portwindows-11-notification-center-styler | Button#FooterButton > ContentPresenter#ContentPresenter@CommonStates | Background@Normal | — | — | ports/windows/mapping.json:285 /mappings/color.surface.canvas/160 |
windows · portwindows-11-notification-center-styler | Button#PlayPauseButton > ContentPresenter#ContentPresenter@CommonStates | Background@Normal | — | — | ports/windows/mapping.json:283 /mappings/color.surface.canvas/158 |
windows · portwindows-11-notification-center-styler | Button#VolumeL2Button > ContentPresenter#ContentPresenter@CommonStates | Background@Normal | — | — | ports/windows/mapping.json:286 /mappings/color.surface.canvas/161 |
windows · portwindows-11-notification-center-styler | CalendarView | Background | — | — | ports/windows/mapping.json:135 /mappings/color.surface.canvas/10 |
windows · portwindows-11-notification-center-styler | CalendarView | CalendarItemBackground | — | — | ports/windows/mapping.json:136 /mappings/color.surface.canvas/11 |
windows · portwindows-11-notification-center-styler | Grid#CalendarCenterGrid | Background | — | — | ports/windows/mapping.json:132 /mappings/color.surface.canvas/7 |
windows · portwindows-11-notification-center-styler | Grid#ControlCenterRegion | Background | — | — | ports/windows/mapping.json:130 /mappings/color.surface.canvas/5 |
windows · portwindows-11-notification-center-styler | Grid#L1Grid > Border | Background | — | — | ports/windows/mapping.json:281 /mappings/color.surface.canvas/156 |
windows · portwindows-11-notification-center-styler | Grid#L1Grid | Background | — | — | ports/windows/mapping.json:280 /mappings/color.surface.canvas/155 |
windows · portwindows-11-notification-center-styler | Grid#MediaTransportControlsRegion | Background | — | — | ports/windows/mapping.json:278 /mappings/color.surface.canvas/153 |
windows · portwindows-11-notification-center-styler | Grid#MediaTransportControlsRoot | Background | — | — | ports/windows/mapping.json:279 /mappings/color.surface.canvas/154 |
windows · portwindows-11-notification-center-styler | Grid#NotificationCenterGrid | Background | — | — | ports/windows/mapping.json:131 /mappings/color.surface.canvas/6 |
windows · portwindows-11-notification-center-styler | Windows.UI.Xaml.Controls.Primitives.RepeatButton#NextButton > ContentPresenter#ContentPresenter@CommonStates | Background@Normal | — | — | ports/windows/mapping.json:284 /mappings/color.surface.canvas/159 |
windows · portwindows-11-notification-center-styler | Windows.UI.Xaml.Controls.Primitives.RepeatButton#PreviousButton > ContentPresenter#ContentPresenter@CommonStates | Background@Normal | — | — | ports/windows/mapping.json:282 /mappings/color.surface.canvas/157 |
windows · portwindows-11-notification-center-styler.resource.SliderContainerBackground | — | — | ports/windows/mapping.json:287 /mappings/color.surface.canvas/162 |
windows · portwindows-11-notification-center-styler.resource.SliderContainerBackgroundPointerOver | — | — | ports/windows/mapping.json:288 /mappings/color.surface.canvas/163 |
windows · portwindows-11-notification-center-styler.resource.SliderContainerBackgroundPressed | — | — | ports/windows/mapping.json:289 /mappings/color.surface.canvas/164 |
windows · portwindows-11-settings-styler | Grid#RootPageGrid | Background | — | — | ports/windows/mapping.json:139 /mappings/color.surface.canvas/14 |
windows · portwindows-11-settings-styler | Microsoft.UI.Xaml.Controls.SplitButton | Background | — | — | ports/windows/mapping.json:266 /mappings/color.surface.canvas/141 |
windows · portwindows-11-settings-styler | SystemSettings.View.RootPage | Background | — | — | ports/windows/mapping.json:138 /mappings/color.surface.canvas/13 |
windows · portwindows-11-settings-styler.resource.FocusStrokeColorInnerBrush | — | — | ports/windows/mapping.json:268 /mappings/color.surface.canvas/143 |
windows · portwindows-11-settings-styler.resource.SystemControlFocusVisualSecondaryBrush | — | — | ports/windows/mapping.json:267 /mappings/color.surface.canvas/142 |
windows · portwindows-11-start-menu-styler | Border#AppBorder | Background | — | — | ports/windows/mapping.json:148 /mappings/color.surface.canvas/23 |
windows · portwindows-11-start-menu-styler | Border#TaskbarSearchBackground | Background | — | — | ports/windows/mapping.json:149 /mappings/color.surface.canvas/24 |
windows · portwindows-11-start-menu-styler | Cortana.UI.Views.RichSearchBoxControl#SearchBoxControl > Grid#RootGrid | Background | — | — | ports/windows/mapping.json:150 /mappings/color.surface.canvas/25 |
windows · portwindows-11-start-menu-styler | Grid#MainContent | Background | — | — | ports/windows/mapping.json:128 /mappings/color.surface.canvas/3 |
windows · portwindows-11-start-menu-styler | StartDocked.StartSizingFrame | Background | — | — | ports/windows/mapping.json:129 /mappings/color.surface.canvas/4 |
windows · portwindows-11-start-menu-styler | web ::-webkit-scrollbar-track | background-color | — | — | ports/windows/mapping.json:224 /mappings/color.surface.canvas/99 |
windows · portwindows-11-start-menu-styler | web .contextMenu li | background-color | — | — | ports/windows/mapping.json:222 /mappings/color.surface.canvas/97 |
windows · portwindows-11-start-menu-styler | web .iconContainer, .previewContainer .imageContainer, .scope-tile > div, button, .button, .actionButton | background-color | — | — | ports/windows/mapping.json:219 /mappings/color.surface.canvas/94 |
windows · portwindows-11-start-menu-styler | web .scope-tile--selected > div | background-color | — | — | ports/windows/mapping.json:223 /mappings/color.surface.canvas/98 |
windows · portwindows-11-start-menu-styler | web .suggestion, .suggContainer | background-color | — | — | ports/windows/mapping.json:220 /mappings/color.surface.canvas/95 |
windows · portwindows-11-start-menu-styler | web .suggestion, .suggContainer | border-color | — | — | ports/windows/mapping.json:221 /mappings/color.surface.canvas/96 |
windows · portwindows-11-start-menu-styler | web body, #root, #root.darkTheme, .scope-with-background, .suggsList, .suggsListContainer, .suggContainer, .previewContainer, .suggDetailsContainer, .contextMenu, #menuContainer | background-color | — | — | ports/windows/mapping.json:218 /mappings/color.surface.canvas/93 |
windows · portwindows-11-taskbar-styler | Grid#ConfirmatorMainGrid | Background | — | — | ports/windows/mapping.json:269 /mappings/color.surface.canvas/144 |
windows · portwindows-11-taskbar-styler | Grid#VolumeConfirmator, Grid#BrightnessConfirmator | Background | — | — | ports/windows/mapping.json:270 /mappings/color.surface.canvas/145 |
windows · portwindows-11-taskbar-styler | ListViewItem | Background | — | — | ports/windows/mapping.json:273 /mappings/color.surface.canvas/148 |
windows · portwindows-11-taskbar-styler | Windows.UI.Xaml.Controls.Primitives.ListViewItemPresenter | Background | — | — | ports/windows/mapping.json:274 /mappings/color.surface.canvas/149 |
windows · portwindows-11-taskbar-styler | Windows.UI.Xaml.Controls.Primitives.Popup > Border#InputSwitcherPopupBorder | Background | — | — | ports/windows/mapping.json:277 /mappings/color.surface.canvas/152 |
windows · portwindows-11-taskbar-styler | WindowsInternal.ComposableShell.Experiences.TextInput.Common.InputSwitcher > ContentControl > ContentPresenter > Grid > Border | Background | — | — | ports/windows/mapping.json:276 /mappings/color.surface.canvas/151 |
windows · portwindows-11-taskbar-styler | WindowsInternal.ComposableShell.Experiences.TextInput.Common.InputSwitcher > ContentControl > ContentPresenter > Grid > Grid | Background | — | — | ports/windows/mapping.json:272 /mappings/color.surface.canvas/147 |
windows · portwindows-11-taskbar-styler | WindowsInternal.ComposableShell.Experiences.TextInput.Common.InputSwitcher > ContentControl > ContentPresenter > Grid | Background | — | — | ports/windows/mapping.json:271 /mappings/color.surface.canvas/146 |
windows · portwindows-11-taskbar-styler | WindowsInternal.ComposableShell.Experiences.TextInput.Common.InputSwitcher | Background | — | — | ports/windows/mapping.json:275 /mappings/color.surface.canvas/150 |
| combobox · prose | — | — | spec/components/combobox.md:126 body |
| empty-state · prose | — | — | spec/components/empty-state.md:70 body |
| field · prose | — | — | spec/components/field.md:72 body |
| time-picker · prose | — | — | spec/components/time-picker.md:138 body |
| date-picker · state | bg | read-only · color.surface.canvas | spec/components/date-picker.md:80 /stateTokens/read-only/bg |
| file-input · state | bg | default · color.surface.canvas | spec/components/file-input.md:57 /stateTokens/default/bg |
| file-input · state | bg | focus-visible · color.surface.canvas | spec/components/file-input.md:59 /stateTokens/focus-visible/bg |
| file-input · state | bg | invalid · color.surface.canvas | spec/components/file-input.md:61 /stateTokens/invalid/bg |
| link · state | bg | current · color.surface.canvas | spec/components/link.md:40 /stateTokens/current/bg |
| link · state | bg | default · color.surface.canvas | spec/components/link.md:36 /stateTokens/default/bg |
| link · state | bg | focus-visible · color.surface.canvas | spec/components/link.md:38 /stateTokens/focus-visible/bg |
| link · state | bg | visited · color.surface.canvas | spec/components/link.md:39 /stateTokens/visited/bg |
| loading-indicator · state | bg | default · color.surface.canvas | spec/components/loading-indicator.md:29 /stateTokens/default/bg |
| loading-indicator · state | bg | reduced-motion · color.surface.canvas | spec/components/loading-indicator.md:30 /stateTokens/reduced-motion/bg |
| number-field · state | bg | read-only · color.surface.canvas | spec/components/number-field.md:58 /stateTokens/read-only/bg |
| progress · state | bg | default · color.surface.canvas | spec/components/progress.md:39 /stateTokens/default/bg |
| progress · state | bg | error · color.surface.canvas | spec/components/progress.md:40 /stateTokens/error/bg |
| text-field · state | bg | read-only · color.surface.canvas | spec/components/text-field.md:74 /stateTokens/read-only/bg |
| textarea · state | bg | read-only · color.surface.canvas | spec/components/textarea.md:63 /stateTokens/read-only/bg |
| toast · state | bg | default · color.surface.canvas | spec/components/toast.md:57 /stateTokens/default/bg |
| toast · state | bg | focus-visible · color.surface.canvas | spec/components/toast.md:59 /stateTokens/focus-visible/bg |
| toast · state | bg | reduced-motion · color.surface.canvas | spec/components/toast.md:61 /stateTokens/reduced-motion/bg |
| toast · state | bg | stacked · color.surface.canvas | spec/components/toast.md:60 /stateTokens/stacked/bg |
| tooltip · state | bg | focus-visible · color.surface.canvas | spec/components/tooltip.md:40 /stateTokens/focus-visible/bg |
| wizard · state | bg | current · color.surface.canvas | spec/components/wizard.md:58 /stateTokens/current/bg |
| wizard · state | bg | default · color.surface.canvas | spec/components/wizard.md:55 /stateTokens/default/bg |
| wizard · state | bg | focus-visible · color.surface.canvas | spec/components/wizard.md:57 /stateTokens/focus-visible/bg |
| wizard · state | bg | invalid · color.surface.canvas | spec/components/wizard.md:59 /stateTokens/invalid/bg |
Declared unmapped ports
- claude-code: Interface colour role that no Claude Code theme key takes. · ports/claude-code/mapping.json:391
/unmapped/color.surface.canvas - codex: Interface colour role; a Codex tmTheme colours code only. · ports/codex/mapping.json:280
/unmapped/color.surface.canvas - ghostty: Interface colour role; a terminal theme file carries terminal colours only. · ports/ghostty/mapping.json:299
/unmapped/color.surface.canvas - warp: Interface colour role; a terminal theme file carries terminal colours only. · ports/warp/mapping.json:293
/unmapped/color.surface.canvas
Relevant contrast declarations
- destructive text on canvas: color.action.destructive.text on color.surface.canvas · spec/contrast.json:26
/pairs/22 - next button boundary: color.action.primary.border on color.surface.canvas · spec/components/wizard.md:69
/contrast/7 - back button boundary: color.action.secondary.border on color.surface.canvas · spec/components/wizard.md:68
/contrast/6 - file-input default border: color.action.secondary.border on color.surface.canvas · spec/components/file-input.md:57
/stateTokens/default - file-input focus-visible border: color.action.secondary.border on color.surface.canvas · spec/components/file-input.md:59
/stateTokens/focus-visible - hovered button boundary against the canvas outside it: color.action.secondary.border on color.surface.canvas · spec/components/file-input.md:63
/contrast/0 - back button text: color.action.secondary.text on color.surface.canvas · spec/components/wizard.md:67
/contrast/5 - file-input default fg: color.action.secondary.text on color.surface.canvas · spec/components/file-input.md:57
/stateTokens/default - file-input focus-visible fg: color.action.secondary.text on color.surface.canvas · spec/components/file-input.md:59
/stateTokens/focus-visible - file-input invalid fg: color.action.secondary.text on color.surface.canvas · spec/components/file-input.md:61
/stateTokens/invalid - secondary action text on canvas: color.action.secondary.text on color.surface.canvas · spec/contrast.json:25
/pairs/21 - toast focus-visible fg: color.action.tertiary.text on color.surface.canvas · spec/components/toast.md:59
/stateTokens/focus-visible - tooltip focus-visible fg: color.action.tertiary.text on color.surface.canvas · spec/components/tooltip.md:40
/stateTokens/focus-visible - trigger text on the canvas: color.action.tertiary.text on color.surface.canvas · spec/components/tooltip.md:45
/contrast/2 - progress default border: color.border.control on color.surface.canvas · spec/components/progress.md:39
/stateTokens/default - decorative border on canvas (decorative; not a control edge): color.border.default on color.surface.canvas · spec/contrast.json:47
/pairs/43 - panel edge (decorative): color.border.default on color.surface.canvas · spec/components/wizard.md:66
/contrast/4 - block edge (decorative): color.border.divider on color.surface.canvas · spec/components/loading-indicator.md:35
/contrast/3 - container edge (decorative): color.border.divider on color.surface.canvas · spec/components/empty-state.md:39
/contrast/4 - read-only bottom edge (decorative; the field has no box): color.border.divider on color.surface.canvas · spec/components/date-picker.md:101
/contrast/4 - read-only bottom edge (decorative; the field has no box): color.border.divider on color.surface.canvas · spec/components/number-field.md:68
/contrast/8 - read-only bottom edge (decorative; the field has no box): color.border.divider on color.surface.canvas · spec/components/text-field.md:80
/contrast/4 - read-only bottom edge (decorative; the field has no box): color.border.divider on color.surface.canvas · spec/components/textarea.md:69
/contrast/4 - toast default border: color.border.overlay on color.surface.canvas · spec/components/toast.md:57
/stateTokens/default - toast reduced-motion border: color.border.overlay on color.surface.canvas · spec/components/toast.md:61
/stateTokens/reduced-motion - toast stacked border: color.border.overlay on color.surface.canvas · spec/components/toast.md:60
/stateTokens/stacked - link current border: color.border.selected-indicator on color.surface.canvas · spec/components/link.md:40
/stateTokens/current - wizard current border: color.border.selected-indicator on color.surface.canvas · spec/components/wizard.md:58
/stateTokens/current - strong rule on canvas (decorative): color.border.strong on color.surface.canvas · spec/contrast.json:48
/pairs/44 - chart label on canvas: color.chart.label on color.surface.canvas · spec/contrast.json:64
/pairs/60 - chart series 4 on canvas (graphic): color.chart.series-4 on color.surface.canvas · spec/contrast.json:65
/pairs/61 - error text on canvas: color.diagnostic.error.text on color.surface.canvas · spec/contrast.json:57
/pairs/53 - info diagnostic text on canvas: color.diagnostic.info.text on color.surface.canvas · spec/contrast.json:59
/pairs/55 - warning diagnostic text on canvas: color.diagnostic.warning.text on color.surface.canvas · spec/contrast.json:58
/pairs/54 - decorative icon on canvas (graphic): color.icon.decorative on color.surface.canvas · spec/contrast.json:66
/pairs/62 - drop-zone dashed border at rest: color.interaction.drop-target on color.surface.canvas · spec/components/file-input.md:64
/contrast/1 - container ring on the window surface: color.interaction.focus.ring-container on color.surface.canvas · spec/components/i3-window-frame.md:77
/contrast/6 - file-input focus-visible outline: color.interaction.focus.ring on color.surface.canvas · spec/components/file-input.md:59
/stateTokens/focus-visible - focus ring on canvas: color.interaction.focus.ring on color.surface.canvas · spec/contrast.json:41
/pairs/37 - link focus-visible outline: color.interaction.focus.ring on color.surface.canvas · spec/components/link.md:38
/stateTokens/focus-visible - toast focus-visible outline: color.interaction.focus.ring on color.surface.canvas · spec/components/toast.md:59
/stateTokens/focus-visible - tooltip focus-visible outline: color.interaction.focus.ring on color.surface.canvas · spec/components/tooltip.md:40
/stateTokens/focus-visible - wizard focus-visible outline: color.interaction.focus.ring on color.surface.canvas · spec/components/wizard.md:57
/stateTokens/focus-visible - file-input invalid border: color.status.danger.border on color.surface.canvas · spec/components/file-input.md:61
/stateTokens/invalid - progress error border: color.status.danger.border on color.surface.canvas · spec/components/progress.md:40
/stateTokens/error - wizard invalid border: color.status.danger.border on color.surface.canvas · spec/components/wizard.md:59
/stateTokens/invalid - the danger fill is its own boundary against the canvas: color.status.danger.fill on color.surface.canvas · spec/components/toast.md:78
/contrast/15 - danger text on canvas: color.status.danger.text on color.surface.canvas · spec/contrast.json:28
/pairs/24 - per-file error and validation message on the canvas: color.status.danger.text on color.surface.canvas · spec/components/file-input.md:67
/contrast/4 - progress error fg: color.status.danger.text on color.surface.canvas · spec/components/progress.md:40
/stateTokens/error - validation message on the canvas: color.status.danger.text on color.surface.canvas · spec/components/combobox.md:75
/contrast/1 - validation message on the canvas: color.status.danger.text on color.surface.canvas · spec/components/date-picker.md:82
/contrast/0 - validation message on the canvas: color.status.danger.text on color.surface.canvas · spec/components/time-picker.md:67
/contrast/0 - wizard invalid fg: color.status.danger.text on color.surface.canvas · spec/components/wizard.md:59
/stateTokens/invalid - glyph on the plain toast: color.status.info.text on color.surface.canvas · spec/components/toast.md:63
/contrast/0 - info text on canvas: color.status.info.text on color.surface.canvas · spec/contrast.json:37
/pairs/33 - complete marker on the canvas: color.status.success.text on color.surface.canvas · spec/components/wizard.md:62
/contrast/0 - success text on canvas: color.status.success.text on color.surface.canvas · spec/contrast.json:34
/pairs/30 - warning text on canvas: color.status.warning.text on color.surface.canvas · spec/contrast.json:31
/pairs/27 - accent text on canvas: color.text.accent on color.surface.canvas · spec/contrast.json:16
/pairs/12 - bright text on canvas: color.text.bright on color.surface.canvas · spec/contrast.json:7
/pairs/3 - label on the canvas: color.text.bright on color.surface.canvas · spec/components/progress.md:42
/contrast/0 - link current fg: color.text.bright on color.surface.canvas · spec/components/link.md:40
/stateTokens/current - wizard current fg: color.text.bright on color.surface.canvas · spec/components/wizard.md:58
/stateTokens/current - wizard focus-visible fg: color.text.bright on color.surface.canvas · spec/components/wizard.md:57
/stateTokens/focus-visible - date-picker read-only fg: color.text.default on color.surface.canvas · spec/components/date-picker.md:79
/stateTokens/read-only - default text on canvas: color.text.default on color.surface.canvas · spec/contrast.json:4
/pairs/0 - loading-indicator default fg: color.text.default on color.surface.canvas · spec/components/loading-indicator.md:29
/stateTokens/default - loading-indicator reduced-motion fg: color.text.default on color.surface.canvas · spec/components/loading-indicator.md:30
/stateTokens/reduced-motion - number-field read-only fg: color.text.default on color.surface.canvas · spec/components/number-field.md:58
/stateTokens/read-only - progress default fg: color.text.default on color.surface.canvas · spec/components/progress.md:39
/stateTokens/default - text-field read-only fg: color.text.default on color.surface.canvas · spec/components/text-field.md:74
/stateTokens/read-only - textarea read-only fg: color.text.default on color.surface.canvas · spec/components/textarea.md:63
/stateTokens/read-only - toast default fg: color.text.default on color.surface.canvas · spec/components/toast.md:57
/stateTokens/default - toast reduced-motion fg: color.text.default on color.surface.canvas · spec/components/toast.md:61
/stateTokens/reduced-motion - wizard default fg: color.text.default on color.surface.canvas · spec/components/wizard.md:55
/stateTokens/default - disabled text on canvas (exempt; house floor 3:1): color.text.disabled on color.surface.canvas · spec/contrast.json:14
/pairs/10 - future step text (exempt; house floor 3:1): color.text.disabled on color.surface.canvas · spec/components/wizard.md:71
/contrast/9 - underline on the canvas: color.text.link-underline on color.surface.canvas · spec/components/link.md:42
/contrast/0 - action text on the plain toast: color.text.link on color.surface.canvas · spec/components/toast.md:64
/contrast/1 - link default fg: color.text.link on color.surface.canvas · spec/components/link.md:36
/stateTokens/default - link focus-visible fg: color.text.link on color.surface.canvas · spec/components/link.md:38
/stateTokens/focus-visible - link on canvas: color.text.link on color.surface.canvas · spec/contrast.json:19
/pairs/15 - link visited fg: color.text.link on color.surface.canvas · spec/components/link.md:39
/stateTokens/visited - detail line on the canvas: color.text.muted on color.surface.canvas · spec/components/progress.md:43
/contrast/1 - glyph on the canvas: color.text.muted on color.surface.canvas · spec/components/loading-indicator.md:32
/contrast/0 - help text and the range separator on the canvas: color.text.muted on color.surface.canvas · spec/components/date-picker.md:85
/contrast/1 - help text on the canvas: color.text.muted on color.surface.canvas · spec/components/combobox.md:76
/contrast/2 - help text on the canvas: color.text.muted on color.surface.canvas · spec/components/field.md:38
/contrast/1 - help text on the canvas: color.text.muted on color.surface.canvas · spec/components/time-picker.md:70
/contrast/1 - muted text on canvas: color.text.muted on color.surface.canvas · spec/contrast.json:10
/pairs/6 - status, hint and help text on the canvas: color.text.muted on color.surface.canvas · spec/components/file-input.md:65
/contrast/2 - toast stacked fg: color.text.muted on color.surface.canvas · spec/components/toast.md:60
/stateTokens/stacked - prose on canvas: color.text.prose on color.surface.canvas · spec/contrast.json:8
/pairs/4 - file sizes on the canvas: color.text.subtle on color.surface.canvas · spec/components/file-input.md:66
/contrast/3 - subtle text on canvas: color.text.subtle on color.surface.canvas · spec/contrast.json:12
/pairs/8
heritage-ansi · heritage
- Resolved value
#0c0909- Status
- heritage
- Consumption
- historical-only — Historical fidelity only; preserve all documented limitations and deprecations.
- Decisions
- None pending.
- Source
- tokens/profiles/heritage-ansi.tokens.json:167
/color/surface/canvas - Alias chain
color.primitive.ink.20- Used by aliases
- No declared aliases depend on this role.
Provenance and restrictions
{
"status": "heritage"
}Declared component and port usage
Relevant contrast declarations
- destructive text on canvas: color.action.destructive.text on color.surface.canvas · spec/contrast.json:26
/pairs/22 - next button boundary: color.action.primary.border on color.surface.canvas · spec/components/wizard.md:69
/contrast/7 - back button boundary: color.action.secondary.border on color.surface.canvas · spec/components/wizard.md:68
/contrast/6 - file-input default border: color.action.secondary.border on color.surface.canvas · spec/components/file-input.md:57
/stateTokens/default - file-input focus-visible border: color.action.secondary.border on color.surface.canvas · spec/components/file-input.md:59
/stateTokens/focus-visible - hovered button boundary against the canvas outside it: color.action.secondary.border on color.surface.canvas · spec/components/file-input.md:63
/contrast/0 - back button text: color.action.secondary.text on color.surface.canvas · spec/components/wizard.md:67
/contrast/5 - file-input default fg: color.action.secondary.text on color.surface.canvas · spec/components/file-input.md:57
/stateTokens/default - file-input focus-visible fg: color.action.secondary.text on color.surface.canvas · spec/components/file-input.md:59
/stateTokens/focus-visible - file-input invalid fg: color.action.secondary.text on color.surface.canvas · spec/components/file-input.md:61
/stateTokens/invalid - secondary action text on canvas: color.action.secondary.text on color.surface.canvas · spec/contrast.json:25
/pairs/21 - toast focus-visible fg: color.action.tertiary.text on color.surface.canvas · spec/components/toast.md:59
/stateTokens/focus-visible - tooltip focus-visible fg: color.action.tertiary.text on color.surface.canvas · spec/components/tooltip.md:40
/stateTokens/focus-visible - trigger text on the canvas: color.action.tertiary.text on color.surface.canvas · spec/components/tooltip.md:45
/contrast/2 - progress default border: color.border.control on color.surface.canvas · spec/components/progress.md:39
/stateTokens/default - decorative border on canvas (decorative; not a control edge): color.border.default on color.surface.canvas · spec/contrast.json:47
/pairs/43 - panel edge (decorative): color.border.default on color.surface.canvas · spec/components/wizard.md:66
/contrast/4 - block edge (decorative): color.border.divider on color.surface.canvas · spec/components/loading-indicator.md:35
/contrast/3 - container edge (decorative): color.border.divider on color.surface.canvas · spec/components/empty-state.md:39
/contrast/4 - read-only bottom edge (decorative; the field has no box): color.border.divider on color.surface.canvas · spec/components/date-picker.md:101
/contrast/4 - read-only bottom edge (decorative; the field has no box): color.border.divider on color.surface.canvas · spec/components/number-field.md:68
/contrast/8 - read-only bottom edge (decorative; the field has no box): color.border.divider on color.surface.canvas · spec/components/text-field.md:80
/contrast/4 - read-only bottom edge (decorative; the field has no box): color.border.divider on color.surface.canvas · spec/components/textarea.md:69
/contrast/4 - toast default border: color.border.overlay on color.surface.canvas · spec/components/toast.md:57
/stateTokens/default - toast reduced-motion border: color.border.overlay on color.surface.canvas · spec/components/toast.md:61
/stateTokens/reduced-motion - toast stacked border: color.border.overlay on color.surface.canvas · spec/components/toast.md:60
/stateTokens/stacked - link current border: color.border.selected-indicator on color.surface.canvas · spec/components/link.md:40
/stateTokens/current - wizard current border: color.border.selected-indicator on color.surface.canvas · spec/components/wizard.md:58
/stateTokens/current - strong rule on canvas (decorative): color.border.strong on color.surface.canvas · spec/contrast.json:48
/pairs/44 - chart label on canvas: color.chart.label on color.surface.canvas · spec/contrast.json:64
/pairs/60 - chart series 4 on canvas (graphic): color.chart.series-4 on color.surface.canvas · spec/contrast.json:65
/pairs/61 - error text on canvas: color.diagnostic.error.text on color.surface.canvas · spec/contrast.json:57
/pairs/53 - info diagnostic text on canvas: color.diagnostic.info.text on color.surface.canvas · spec/contrast.json:59
/pairs/55 - warning diagnostic text on canvas: color.diagnostic.warning.text on color.surface.canvas · spec/contrast.json:58
/pairs/54 - decorative icon on canvas (graphic): color.icon.decorative on color.surface.canvas · spec/contrast.json:66
/pairs/62 - drop-zone dashed border at rest: color.interaction.drop-target on color.surface.canvas · spec/components/file-input.md:64
/contrast/1 - container ring on the window surface: color.interaction.focus.ring-container on color.surface.canvas · spec/components/i3-window-frame.md:77
/contrast/6 - file-input focus-visible outline: color.interaction.focus.ring on color.surface.canvas · spec/components/file-input.md:59
/stateTokens/focus-visible - focus ring on canvas: color.interaction.focus.ring on color.surface.canvas · spec/contrast.json:41
/pairs/37 - link focus-visible outline: color.interaction.focus.ring on color.surface.canvas · spec/components/link.md:38
/stateTokens/focus-visible - toast focus-visible outline: color.interaction.focus.ring on color.surface.canvas · spec/components/toast.md:59
/stateTokens/focus-visible - tooltip focus-visible outline: color.interaction.focus.ring on color.surface.canvas · spec/components/tooltip.md:40
/stateTokens/focus-visible - wizard focus-visible outline: color.interaction.focus.ring on color.surface.canvas · spec/components/wizard.md:57
/stateTokens/focus-visible - file-input invalid border: color.status.danger.border on color.surface.canvas · spec/components/file-input.md:61
/stateTokens/invalid - progress error border: color.status.danger.border on color.surface.canvas · spec/components/progress.md:40
/stateTokens/error - wizard invalid border: color.status.danger.border on color.surface.canvas · spec/components/wizard.md:59
/stateTokens/invalid - the danger fill is its own boundary against the canvas: color.status.danger.fill on color.surface.canvas · spec/components/toast.md:78
/contrast/15 - danger text on canvas: color.status.danger.text on color.surface.canvas · spec/contrast.json:28
/pairs/24 - per-file error and validation message on the canvas: color.status.danger.text on color.surface.canvas · spec/components/file-input.md:67
/contrast/4 - progress error fg: color.status.danger.text on color.surface.canvas · spec/components/progress.md:40
/stateTokens/error - validation message on the canvas: color.status.danger.text on color.surface.canvas · spec/components/combobox.md:75
/contrast/1 - validation message on the canvas: color.status.danger.text on color.surface.canvas · spec/components/date-picker.md:82
/contrast/0 - validation message on the canvas: color.status.danger.text on color.surface.canvas · spec/components/time-picker.md:67
/contrast/0 - wizard invalid fg: color.status.danger.text on color.surface.canvas · spec/components/wizard.md:59
/stateTokens/invalid - glyph on the plain toast: color.status.info.text on color.surface.canvas · spec/components/toast.md:63
/contrast/0 - info text on canvas: color.status.info.text on color.surface.canvas · spec/contrast.json:37
/pairs/33 - complete marker on the canvas: color.status.success.text on color.surface.canvas · spec/components/wizard.md:62
/contrast/0 - success text on canvas: color.status.success.text on color.surface.canvas · spec/contrast.json:34
/pairs/30 - warning text on canvas: color.status.warning.text on color.surface.canvas · spec/contrast.json:31
/pairs/27 - accent text on canvas: color.text.accent on color.surface.canvas · spec/contrast.json:16
/pairs/12 - bright text on canvas: color.text.bright on color.surface.canvas · spec/contrast.json:7
/pairs/3 - label on the canvas: color.text.bright on color.surface.canvas · spec/components/progress.md:42
/contrast/0 - link current fg: color.text.bright on color.surface.canvas · spec/components/link.md:40
/stateTokens/current - wizard current fg: color.text.bright on color.surface.canvas · spec/components/wizard.md:58
/stateTokens/current - wizard focus-visible fg: color.text.bright on color.surface.canvas · spec/components/wizard.md:57
/stateTokens/focus-visible - date-picker read-only fg: color.text.default on color.surface.canvas · spec/components/date-picker.md:79
/stateTokens/read-only - default text on canvas: color.text.default on color.surface.canvas · spec/contrast.json:4
/pairs/0 - loading-indicator default fg: color.text.default on color.surface.canvas · spec/components/loading-indicator.md:29
/stateTokens/default - loading-indicator reduced-motion fg: color.text.default on color.surface.canvas · spec/components/loading-indicator.md:30
/stateTokens/reduced-motion - number-field read-only fg: color.text.default on color.surface.canvas · spec/components/number-field.md:58
/stateTokens/read-only - progress default fg: color.text.default on color.surface.canvas · spec/components/progress.md:39
/stateTokens/default - text-field read-only fg: color.text.default on color.surface.canvas · spec/components/text-field.md:74
/stateTokens/read-only - textarea read-only fg: color.text.default on color.surface.canvas · spec/components/textarea.md:63
/stateTokens/read-only - toast default fg: color.text.default on color.surface.canvas · spec/components/toast.md:57
/stateTokens/default - toast reduced-motion fg: color.text.default on color.surface.canvas · spec/components/toast.md:61
/stateTokens/reduced-motion - wizard default fg: color.text.default on color.surface.canvas · spec/components/wizard.md:55
/stateTokens/default - disabled text on canvas (exempt; house floor 3:1): color.text.disabled on color.surface.canvas · spec/contrast.json:14
/pairs/10 - future step text (exempt; house floor 3:1): color.text.disabled on color.surface.canvas · spec/components/wizard.md:71
/contrast/9 - underline on the canvas: color.text.link-underline on color.surface.canvas · spec/components/link.md:42
/contrast/0 - action text on the plain toast: color.text.link on color.surface.canvas · spec/components/toast.md:64
/contrast/1 - link default fg: color.text.link on color.surface.canvas · spec/components/link.md:36
/stateTokens/default - link focus-visible fg: color.text.link on color.surface.canvas · spec/components/link.md:38
/stateTokens/focus-visible - link on canvas: color.text.link on color.surface.canvas · spec/contrast.json:19
/pairs/15 - link visited fg: color.text.link on color.surface.canvas · spec/components/link.md:39
/stateTokens/visited - detail line on the canvas: color.text.muted on color.surface.canvas · spec/components/progress.md:43
/contrast/1 - glyph on the canvas: color.text.muted on color.surface.canvas · spec/components/loading-indicator.md:32
/contrast/0 - help text and the range separator on the canvas: color.text.muted on color.surface.canvas · spec/components/date-picker.md:85
/contrast/1 - help text on the canvas: color.text.muted on color.surface.canvas · spec/components/combobox.md:76
/contrast/2 - help text on the canvas: color.text.muted on color.surface.canvas · spec/components/field.md:38
/contrast/1 - help text on the canvas: color.text.muted on color.surface.canvas · spec/components/time-picker.md:70
/contrast/1 - muted text on canvas: color.text.muted on color.surface.canvas · spec/contrast.json:10
/pairs/6 - status, hint and help text on the canvas: color.text.muted on color.surface.canvas · spec/components/file-input.md:65
/contrast/2 - toast stacked fg: color.text.muted on color.surface.canvas · spec/components/toast.md:60
/stateTokens/stacked - prose on canvas: color.text.prose on color.surface.canvas · spec/contrast.json:8
/pairs/4 - file sizes on the canvas: color.text.subtle on color.surface.canvas · spec/components/file-input.md:66
/contrast/3 - subtle text on canvas: color.text.subtle on color.surface.canvas · spec/contrast.json:12
/pairs/8
extended · proposed
- Resolved value
#000000- Status
- approved
- Consumption
- blocked — Proposed profile: preview only, not downstream delivery.
- Decisions
- None pending.
- Source
- tokens/semantic.tokens.json:10
/color/surface/canvas - Alias chain
color.primitive.ink.0- Used by aliases
- No declared aliases depend on this role.
Provenance and restrictions
{
"status": "approved",
"approval": {
"decision": "D-023"
}
}Declared component and port usage
Relevant contrast declarations
- destructive text on canvas: color.action.destructive.text on color.surface.canvas · spec/contrast.json:26
/pairs/22 - next button boundary: color.action.primary.border on color.surface.canvas · spec/components/wizard.md:69
/contrast/7 - back button boundary: color.action.secondary.border on color.surface.canvas · spec/components/wizard.md:68
/contrast/6 - file-input default border: color.action.secondary.border on color.surface.canvas · spec/components/file-input.md:57
/stateTokens/default - file-input focus-visible border: color.action.secondary.border on color.surface.canvas · spec/components/file-input.md:59
/stateTokens/focus-visible - hovered button boundary against the canvas outside it: color.action.secondary.border on color.surface.canvas · spec/components/file-input.md:63
/contrast/0 - back button text: color.action.secondary.text on color.surface.canvas · spec/components/wizard.md:67
/contrast/5 - file-input default fg: color.action.secondary.text on color.surface.canvas · spec/components/file-input.md:57
/stateTokens/default - file-input focus-visible fg: color.action.secondary.text on color.surface.canvas · spec/components/file-input.md:59
/stateTokens/focus-visible - file-input invalid fg: color.action.secondary.text on color.surface.canvas · spec/components/file-input.md:61
/stateTokens/invalid - secondary action text on canvas: color.action.secondary.text on color.surface.canvas · spec/contrast.json:25
/pairs/21 - toast focus-visible fg: color.action.tertiary.text on color.surface.canvas · spec/components/toast.md:59
/stateTokens/focus-visible - tooltip focus-visible fg: color.action.tertiary.text on color.surface.canvas · spec/components/tooltip.md:40
/stateTokens/focus-visible - trigger text on the canvas: color.action.tertiary.text on color.surface.canvas · spec/components/tooltip.md:45
/contrast/2 - progress default border: color.border.control on color.surface.canvas · spec/components/progress.md:39
/stateTokens/default - decorative border on canvas (decorative; not a control edge): color.border.default on color.surface.canvas · spec/contrast.json:47
/pairs/43 - panel edge (decorative): color.border.default on color.surface.canvas · spec/components/wizard.md:66
/contrast/4 - block edge (decorative): color.border.divider on color.surface.canvas · spec/components/loading-indicator.md:35
/contrast/3 - container edge (decorative): color.border.divider on color.surface.canvas · spec/components/empty-state.md:39
/contrast/4 - read-only bottom edge (decorative; the field has no box): color.border.divider on color.surface.canvas · spec/components/date-picker.md:101
/contrast/4 - read-only bottom edge (decorative; the field has no box): color.border.divider on color.surface.canvas · spec/components/number-field.md:68
/contrast/8 - read-only bottom edge (decorative; the field has no box): color.border.divider on color.surface.canvas · spec/components/text-field.md:80
/contrast/4 - read-only bottom edge (decorative; the field has no box): color.border.divider on color.surface.canvas · spec/components/textarea.md:69
/contrast/4 - toast default border: color.border.overlay on color.surface.canvas · spec/components/toast.md:57
/stateTokens/default - toast reduced-motion border: color.border.overlay on color.surface.canvas · spec/components/toast.md:61
/stateTokens/reduced-motion - toast stacked border: color.border.overlay on color.surface.canvas · spec/components/toast.md:60
/stateTokens/stacked - link current border: color.border.selected-indicator on color.surface.canvas · spec/components/link.md:40
/stateTokens/current - wizard current border: color.border.selected-indicator on color.surface.canvas · spec/components/wizard.md:58
/stateTokens/current - strong rule on canvas (decorative): color.border.strong on color.surface.canvas · spec/contrast.json:48
/pairs/44 - chart label on canvas: color.chart.label on color.surface.canvas · spec/contrast.json:64
/pairs/60 - chart series 4 on canvas (graphic): color.chart.series-4 on color.surface.canvas · spec/contrast.json:65
/pairs/61 - error text on canvas: color.diagnostic.error.text on color.surface.canvas · spec/contrast.json:57
/pairs/53 - info diagnostic text on canvas: color.diagnostic.info.text on color.surface.canvas · spec/contrast.json:59
/pairs/55 - warning diagnostic text on canvas: color.diagnostic.warning.text on color.surface.canvas · spec/contrast.json:58
/pairs/54 - decorative icon on canvas (graphic): color.icon.decorative on color.surface.canvas · spec/contrast.json:66
/pairs/62 - drop-zone dashed border at rest: color.interaction.drop-target on color.surface.canvas · spec/components/file-input.md:64
/contrast/1 - container ring on the window surface: color.interaction.focus.ring-container on color.surface.canvas · spec/components/i3-window-frame.md:77
/contrast/6 - file-input focus-visible outline: color.interaction.focus.ring on color.surface.canvas · spec/components/file-input.md:59
/stateTokens/focus-visible - focus ring on canvas: color.interaction.focus.ring on color.surface.canvas · spec/contrast.json:41
/pairs/37 - link focus-visible outline: color.interaction.focus.ring on color.surface.canvas · spec/components/link.md:38
/stateTokens/focus-visible - toast focus-visible outline: color.interaction.focus.ring on color.surface.canvas · spec/components/toast.md:59
/stateTokens/focus-visible - tooltip focus-visible outline: color.interaction.focus.ring on color.surface.canvas · spec/components/tooltip.md:40
/stateTokens/focus-visible - wizard focus-visible outline: color.interaction.focus.ring on color.surface.canvas · spec/components/wizard.md:57
/stateTokens/focus-visible - file-input invalid border: color.status.danger.border on color.surface.canvas · spec/components/file-input.md:61
/stateTokens/invalid - progress error border: color.status.danger.border on color.surface.canvas · spec/components/progress.md:40
/stateTokens/error - wizard invalid border: color.status.danger.border on color.surface.canvas · spec/components/wizard.md:59
/stateTokens/invalid - the danger fill is its own boundary against the canvas: color.status.danger.fill on color.surface.canvas · spec/components/toast.md:78
/contrast/15 - danger text on canvas: color.status.danger.text on color.surface.canvas · spec/contrast.json:28
/pairs/24 - per-file error and validation message on the canvas: color.status.danger.text on color.surface.canvas · spec/components/file-input.md:67
/contrast/4 - progress error fg: color.status.danger.text on color.surface.canvas · spec/components/progress.md:40
/stateTokens/error - validation message on the canvas: color.status.danger.text on color.surface.canvas · spec/components/combobox.md:75
/contrast/1 - validation message on the canvas: color.status.danger.text on color.surface.canvas · spec/components/date-picker.md:82
/contrast/0 - validation message on the canvas: color.status.danger.text on color.surface.canvas · spec/components/time-picker.md:67
/contrast/0 - wizard invalid fg: color.status.danger.text on color.surface.canvas · spec/components/wizard.md:59
/stateTokens/invalid - glyph on the plain toast: color.status.info.text on color.surface.canvas · spec/components/toast.md:63
/contrast/0 - info text on canvas: color.status.info.text on color.surface.canvas · spec/contrast.json:37
/pairs/33 - complete marker on the canvas: color.status.success.text on color.surface.canvas · spec/components/wizard.md:62
/contrast/0 - success text on canvas: color.status.success.text on color.surface.canvas · spec/contrast.json:34
/pairs/30 - warning text on canvas: color.status.warning.text on color.surface.canvas · spec/contrast.json:31
/pairs/27 - accent text on canvas: color.text.accent on color.surface.canvas · spec/contrast.json:16
/pairs/12 - bright text on canvas: color.text.bright on color.surface.canvas · spec/contrast.json:7
/pairs/3 - label on the canvas: color.text.bright on color.surface.canvas · spec/components/progress.md:42
/contrast/0 - link current fg: color.text.bright on color.surface.canvas · spec/components/link.md:40
/stateTokens/current - wizard current fg: color.text.bright on color.surface.canvas · spec/components/wizard.md:58
/stateTokens/current - wizard focus-visible fg: color.text.bright on color.surface.canvas · spec/components/wizard.md:57
/stateTokens/focus-visible - date-picker read-only fg: color.text.default on color.surface.canvas · spec/components/date-picker.md:79
/stateTokens/read-only - default text on canvas: color.text.default on color.surface.canvas · spec/contrast.json:4
/pairs/0 - loading-indicator default fg: color.text.default on color.surface.canvas · spec/components/loading-indicator.md:29
/stateTokens/default - loading-indicator reduced-motion fg: color.text.default on color.surface.canvas · spec/components/loading-indicator.md:30
/stateTokens/reduced-motion - number-field read-only fg: color.text.default on color.surface.canvas · spec/components/number-field.md:58
/stateTokens/read-only - progress default fg: color.text.default on color.surface.canvas · spec/components/progress.md:39
/stateTokens/default - text-field read-only fg: color.text.default on color.surface.canvas · spec/components/text-field.md:74
/stateTokens/read-only - textarea read-only fg: color.text.default on color.surface.canvas · spec/components/textarea.md:63
/stateTokens/read-only - toast default fg: color.text.default on color.surface.canvas · spec/components/toast.md:57
/stateTokens/default - toast reduced-motion fg: color.text.default on color.surface.canvas · spec/components/toast.md:61
/stateTokens/reduced-motion - wizard default fg: color.text.default on color.surface.canvas · spec/components/wizard.md:55
/stateTokens/default - disabled text on canvas (exempt; house floor 3:1): color.text.disabled on color.surface.canvas · spec/contrast.json:14
/pairs/10 - future step text (exempt; house floor 3:1): color.text.disabled on color.surface.canvas · spec/components/wizard.md:71
/contrast/9 - underline on the canvas: color.text.link-underline on color.surface.canvas · spec/components/link.md:42
/contrast/0 - action text on the plain toast: color.text.link on color.surface.canvas · spec/components/toast.md:64
/contrast/1 - link default fg: color.text.link on color.surface.canvas · spec/components/link.md:36
/stateTokens/default - link focus-visible fg: color.text.link on color.surface.canvas · spec/components/link.md:38
/stateTokens/focus-visible - link on canvas: color.text.link on color.surface.canvas · spec/contrast.json:19
/pairs/15 - link visited fg: color.text.link on color.surface.canvas · spec/components/link.md:39
/stateTokens/visited - detail line on the canvas: color.text.muted on color.surface.canvas · spec/components/progress.md:43
/contrast/1 - glyph on the canvas: color.text.muted on color.surface.canvas · spec/components/loading-indicator.md:32
/contrast/0 - help text and the range separator on the canvas: color.text.muted on color.surface.canvas · spec/components/date-picker.md:85
/contrast/1 - help text on the canvas: color.text.muted on color.surface.canvas · spec/components/combobox.md:76
/contrast/2 - help text on the canvas: color.text.muted on color.surface.canvas · spec/components/field.md:38
/contrast/1 - help text on the canvas: color.text.muted on color.surface.canvas · spec/components/time-picker.md:70
/contrast/1 - muted text on canvas: color.text.muted on color.surface.canvas · spec/contrast.json:10
/pairs/6 - status, hint and help text on the canvas: color.text.muted on color.surface.canvas · spec/components/file-input.md:65
/contrast/2 - toast stacked fg: color.text.muted on color.surface.canvas · spec/components/toast.md:60
/stateTokens/stacked - prose on canvas: color.text.prose on color.surface.canvas · spec/contrast.json:8
/pairs/4 - file sizes on the canvas: color.text.subtle on color.surface.canvas · spec/components/file-input.md:66
/contrast/3 - subtle text on canvas: color.text.subtle on color.surface.canvas · spec/contrast.json:12
/pairs/8