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

Token usage

Choose roles by their documented component, part, state and surface. Equal colours do not imply interchangeable roles.

Source revision 9afef8564142e41458748895d16b4df161a67d66

Choose a role group, then narrow by component, part or state. Filters use documented relationships; unknown combinations return no match.

default · approved

RoleValueEligibilityDocumented use
border.width.default1pxobserved · useEvery border is 1px.
border.width.emphasis2pxobserved · useSelected indicator, sticky header rule, invalid border.
breakpoint.lg1280pxobserved · useThe site's bar breaks below this.
breakpoint.md900pxobserved · useNo role description declared.
breakpoint.sm600pxobserved · useNo role description declared.
breakpoint.xs320pxobserved · useReflow floor (WCAG 1.4.10).
color.action.destructive.border#e53935observed · useDestructive button border.
color.action.destructive.filled-bg#dc282eobserved · useConfirm-dialog destructive fill.
color.action.destructive.filled-text#f9faf9observed · useText on the destructive fill.
color.action.destructive.hover-bg#dc282eobserved · useDestructive button hover fill.
color.action.destructive.hover-text#f9faf9observed · useDestructive button text on hover (4.58:1).
color.action.destructive.pressed-bg#ae1914observed · useDestructive button pressed fill.
color.action.destructive.text#f07178observed · useD-041 destructive foreground remains readable on native warning tints.
color.action.primary.bg#7d1310approved · usePrimary button fill; D-026 darkened it off color12, which stays fixed as heritage ANSI 12.
color.action.primary.border#9e231fobserved · usePrimary button border.
color.action.primary.hover-bg#911410observed · usePrimary button hover; pair with action.primary.text (D-033).
color.action.primary.pressed-bg#630f0dobserved · usePrimary button pressed.
color.action.primary.text#ffa2a7approved · usePrimary action labels: bright rose across rest, hover and pressed states (D-033).
color.action.secondary.bgrgb(0 0 0 / 0%)observed · useSecondary button has no fill.
color.action.secondary.border#986f72approved · useD-041 action.secondary.border: color.primitive.modern.control.
color.action.secondary.hover-bg#630f0dobserved · useSecondary button hover.
color.action.secondary.pressed-bg#420f0cobserved · useSecondary button pressed.
color.action.secondary.text#ffa2a7approved · useD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.action.tertiary.hover-bg#1c0a09observed · useGhost and icon button hover.
color.action.tertiary.text#e99499approved · useD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.border.active#e53935observed · useActive or focused control border.
color.border.control#c81a1aapproved · useD-041 owner correction: red control and floating-frame borders, distinct from rose text.
color.border.default#482b2bapproved · useD-041 border.default: color.primitive.modern.divider.
color.border.disabled#482b2bapproved · useD-041 border.disabled: color.primitive.modern.divider.
color.border.divider#482b2bapproved · useD-041 border.divider: color.primitive.modern.divider.
color.border.overlay#c81a1aapproved · useD-041 owner correction: red control and floating-frame borders, distinct from rose text.
color.border.selected-indicator#e53935observed · use2px indicator bar on the selected tab or nav item.
color.border.selected-indicator-inactive#9e231fobserved · useIndicator bar when the container is not focused.
color.border.strong#9e231fobserved · useEmphasised 2px rule: sticky headers, section ends.
color.chart.axis#9e231fobserved · useAxis lines.
color.chart.grid#2b0e0dobserved · useGrid lines.
color.chart.label#d4868bapproved · useD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.chart.series-1#ffa2a7observed · useFirst series.
color.chart.series-2#f73f35observed · useSecond series.
color.chart.series-3#bd787dobserved · useThird series.
color.chart.series-4#a3676bobserved · useFourth series (non-text, 4.45:1).
color.code.bg#000000approved · useD-041 code.bg: color.primitive.ink.0.
color.code.bracket-match#e53935observed · useMatching bracket 1px border.
color.code.caret#ffa2a7approved · useD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.code.current-line#0d0707approved · useD-041 code.current-line: color.primitive.modern.panel.
color.code.gutter-bg#000000approved · useD-041 code.gutter-bg: color.primitive.ink.0.
color.code.gutter-rule#482b2bapproved · useD-041 code.gutter-rule: color.primitive.modern.divider.
color.code.hued.attribute#e5c07bapproved · useD-041 code.hued.attribute: color.code.syntax.attribute.
color.code.hued.constant#e5c07bapproved · useD-041 code.hued.constant: color.code.syntax.constant.
color.code.hued.escape#e5c07bapproved · useD-041 code.hued.escape: color.code.syntax.escape.
color.code.hued.function#82b4ffapproved · useD-041 code.hued.function: color.code.syntax.function.
color.code.hued.number#e5c07bapproved · useD-041 code.hued.number: color.code.syntax.number.
color.code.hued.operator#e99499approved · useD-041 code.hued.operator: color.code.syntax.operator.
color.code.hued.property#78d4d4approved · useD-041 code.hued.property: color.code.syntax.property.
color.code.hued.string#82d9a0approved · useD-041 code.hued.string: color.code.syntax.string.
color.code.hued.type#78d4d4approved · useD-041 code.hued.type: color.code.syntax.type.
color.code.indent-guide#482b2bapproved · useD-041 code.indent-guide: color.primitive.modern.divider.
color.code.line-number#bd787dapproved · useD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.code.line-number-active#e99499approved · useD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.code.search-current-bg#ffa2a7observed · useCurrent search match background.
color.code.search-current-text#000000approved · useD-041 code.search-current-text: color.primitive.ink.0.
color.code.search-match-bg#630f0dobserved · useOther search matches.
color.code.selection-bg#420f0cobserved · useEditor selection background (muted text stays 4.71:1).
color.code.syntax.attribute#e5c07bapproved · useD-041 code.syntax.attribute: color.primitive.modern.amber.
color.code.syntax.comment#bd787dapproved · useD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.code.syntax.constant#e5c07bapproved · useD-041 code.syntax.constant: color.primitive.modern.amber.
color.code.syntax.deprecated#bd787dapproved · useD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.code.syntax.escape#e5c07bapproved · useD-041 code.syntax.escape: color.primitive.modern.amber.
color.code.syntax.function#82b4ffapproved · useD-041 code.syntax.function: color.primitive.modern.blue.
color.code.syntax.heading#f4eeeeapproved · useD-041 code.syntax.heading: color.primitive.modern.bright.
color.code.syntax.invalid#f07178approved · useD-041 code.syntax.invalid: color.primitive.modern.red.
color.code.syntax.keyword#c7a0e8approved · useD-041 code.syntax.keyword: color.primitive.modern.violet.
color.code.syntax.number#e5c07bapproved · useD-041 code.syntax.number: color.primitive.modern.amber.
color.code.syntax.operator#e99499approved · useD-041 rose coding text reduces glare while syntax hues distinguish meaning.
color.code.syntax.property#78d4d4approved · useD-041 code.syntax.property: color.primitive.modern.cyan.
color.code.syntax.punctuation#d4868bapproved · useD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.code.syntax.string#82d9a0approved · useD-041 code.syntax.string: color.primitive.modern.green.
color.code.syntax.tag#f07178approved · useD-041 code.syntax.tag: color.primitive.modern.red.
color.code.syntax.type#78d4d4approved · useD-041 code.syntax.type: color.primitive.modern.cyan.
color.code.syntax.variable#e99499approved · useD-041 rose coding text reduces glare while syntax hues distinguish meaning.
color.code.whitespace#986f72approved · useD-041 code.whitespace: color.primitive.modern.control.
color.diagnostic.error.bg#2b0e0dobserved · useError line background.
color.diagnostic.error.stripe#e53935observed · useError stripe mark.
color.diagnostic.error.text#f73f35observed · useError message text.
color.diagnostic.error.underline#e53935observed · useError wavy underline.
color.diagnostic.hint.underline#bd787dapproved · useD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.diagnostic.info.text#82b4ffapproved · useD-041 diagnostic.info.text: color.primitive.modern.blue.
color.diagnostic.info.underline#82b4ffapproved · useD-041 diagnostic.info.underline: color.primitive.modern.blue.
color.diagnostic.unused.text#d4868bapproved · useD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.diagnostic.warning.stripe#e5c07bapproved · useD-041 diagnostic.warning.stripe: color.primitive.modern.amber.
color.diagnostic.warning.text#e5c07bapproved · useD-041 diagnostic.warning.text: color.primitive.modern.amber.
color.diagnostic.warning.underline#e5c07bapproved · useD-041 diagnostic.warning.underline: color.primitive.modern.amber.
color.diff.added.bg#0f1a0eapproved · useAdded line background.
color.diff.added.emphasis#82d9a0approved · useD-041 diff.added.emphasis: color.primitive.modern.green.
color.diff.added.gutter#82d9a0approved · useD-041 diff.added.gutter: color.primitive.modern.green.
color.diff.added.shared-word#2c6540approved · useD-041 host-specific shared summary foreground and word background: about 3:1 against black and rose prose; never a generic ordinary-text role.
color.diff.conflict-border#f73f35observed · useConflict block: double 1px border.
color.diff.header-bg#241010observed · useHunk header background.
color.diff.modified.bg#1f1a0capproved · useModified line background.
color.diff.modified.gutter#e5c07bapproved · useD-041 diff.modified.gutter: color.primitive.modern.amber.
color.diff.removed.bg#2b0e0dobserved · useRemoved line background.
color.diff.removed.emphasis#e53935observed · useWord-level removal: underline and line-through.
color.diff.removed.gutter#e53935observed · useRemoved gutter mark and −.
color.diff.removed.shared-word#953d46approved · useD-041 host-specific shared summary foreground and word background: about 3:1 against black and rose prose; never a generic ordinary-text role.
color.icon.decorative#986f72approved · useD-041 icon.decorative: color.primitive.modern.control.
color.icon.default#e99499approved · useD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.interaction.disabled.bg#0d0707approved · useD-041 interaction.disabled.bg: color.primitive.modern.panel.
color.interaction.drop-target#e53935observed · useDashed drop-target border.
color.interaction.focus.ring#e53935observed · use1px dashed focus ring on controls and rows.
color.interaction.focus.ring-container#ffa2a7observed · useFocus colour for containers and explicitly mapped filled controls (D-015); component rules determine ring geometry.
color.interaction.hover.bg#1c1010approved · useD-041 interaction.hover.bg: color.primitive.modern.hover.
color.interaction.hover.bg-strong#1c1010approved · useD-041 interaction.hover.bg-strong: color.primitive.modern.hover.
color.interaction.marqueergb(145 20 16 / 12%)observed · useDrag marquee and ghost.
color.interaction.pressed.bg#420f0cobserved · usePressed fill.
color.interaction.scrollbar.thumb#986f72approved · useD-041 interaction.scrollbar.thumb: color.primitive.modern.control.
color.interaction.scrollbar.thumb-hover#d4868bapproved · useD-041 interaction.scrollbar.thumb-hover: color.primitive.modern.muted.
color.interaction.scrollbar.track#000000approved · useD-041 interaction.scrollbar.track: color.primitive.ink.0.
color.interaction.selection.bg#531310approved · useSelected row, tab, workspace; D-027 recessed the fill, leaving the 2px indicator and the check to carry selection.
color.interaction.selection.inactive-bg#420f0cobserved · useSelection while the container is not focused.
color.interaction.selection.inactive-text#e99499approved · useD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.interaction.selection.text#f4eeeeobserved · useText on the selection.
color.interaction.text-selection.bg#420f0cobserved · useD-041 subdued burgundy selection keeps rose text readable in hosts retaining its foreground.
color.interaction.text-selection.text#f4eeeeobserved · use::selection text.
color.interaction.text-selection.tintrgb(145 20 16 / 50%)approved · useText selection on hosts that keep the text colour inside a selection. It is translucent, so it also suits hosts that paint the fill over their content. Text drawn on it keeps 4.5:1 over the canvas, raised and accent surfaces; text it is painted over, and links, do not (D-036).
color.primitive.alpha.black-55rgb(0 0 0 / 55%)observed · blockedFloating-window shadow.
color.primitive.alpha.black-65rgb(0 0 0 / 65%)observed · blockedModal backdrop; unifies the site's 62–72% backdrops.
color.primitive.alpha.red-12rgb(145 20 16 / 12%)observed · blockedDrag marquee.
color.primitive.alpha.red-50rgb(145 20 16 / 50%)approved · blockedD-036 text-selection tint: red.350 at 50%, for hosts that keep the text colour inside a selection.
color.primitive.alpha.red-6rgb(145 20 16 / 6%)observed · blockedWallpaper stripe.
color.primitive.alpha.transparentrgb(0 0 0 / 0%)observed · blockedNo fill.
color.primitive.amber.500#c9973fapproved · blockedWarning text, border and fill (7.54:1 on canvas).
color.primitive.amber.600#d6a24bproposed · blockedBright yellow slot in the extended terminal palette.
color.primitive.amber.tint#1f1a0capproved · blockedWarning and modified backgrounds.
color.primitive.ansi-readable.1#e84b4bapproved · blockedHeritage slot 1 (#c81a1a, 3.42:1) lifted to 5.23:1 on the terminal background.
color.primitive.ansi-readable.10#dc4f49approved · blockedHeritage slot 10 (#ad2721, 2.92:1) lifted to 4.97:1 on the terminal background.
color.primitive.ansi-readable.12#db433aapproved · blockedHeritage slot 12 (#871f19, 2.12:1) lifted to 4.61:1 on the terminal background.
color.primitive.ansi-readable.13#ed5360approved · blockedHeritage slot 13 (#e82132, 4.43:1) lifted to 5.67:1 on the terminal background.
color.primitive.ansi-readable.14#e6565aapproved · blockedHeritage slot 14 (#e0292f, 4.28:1) lifted to 5.52:1 on the terminal background.
color.primitive.ansi-readable.15#b17e81approved · blockedHeritage slot 15 (#a3676b, 4.45:1) lifted to 5.83:1 on the terminal background.
color.primitive.ansi-readable.4#e53131approved · blockedHeritage slot 4 (#8c1212, 2.09:1) lifted to 4.55:1 on the terminal background.
color.primitive.ansi-readable.8#b71c17approved · blockedHeritage slot 8 (#7d1310, 1.86:1) lifted to 3.01:1 on the terminal background; kept as the dim tier, not a text colour.
color.primitive.ansi-readable.9#ea3833approved · blockedHeritage slot 9 (#ab1612, 2.70:1) lifted to 4.83:1 on the terminal background.
color.primitive.ansi.0#0c0909observed · blockedcolor0
color.primitive.ansi.1#c81a1aobserved · blockedcolor1
color.primitive.ansi.10#ad2721observed · blockedcolor10
color.primitive.ansi.11#b37175observed · blockedcolor11
color.primitive.ansi.12#871f19observed · blockedcolor12
color.primitive.ansi.13#e82132observed · blockedcolor13
color.primitive.ansi.14#e0292fobserved · blockedcolor14
color.primitive.ansi.15#a3676bobserved · blockedcolor15
color.primitive.ansi.2#bd787dobserved · blockedcolor2
color.primitive.ansi.3#d4868bobserved · blockedcolor3
color.primitive.ansi.4#8c1212observed · blockedcolor4
color.primitive.ansi.5#f73f35observed · blockedcolor5
color.primitive.ansi.6#9e474aobserved · blockedcolor6
color.primitive.ansi.7#ffa2a7observed · blockedcolor7
color.primitive.ansi.8#7d1310observed · blockedcolor8
color.primitive.ansi.9#ab1612observed · blockedcolor9
color.primitive.blue.500#7e9ebbapproved · blockedInfo text, border and fill (7.08:1 on canvas).
color.primitive.blue.600#9ab3c9proposed · blockedBright blue slot in the extended terminal palette.
color.primitive.blue.tint#0f141capproved · blockedInfo background.
color.primitive.coral.700#ff7a66approved · blockedD-032 coral for terminal slot 6: warm and vivid so highlighted names stand apart from the rose text (7.77:1 on the terminal background).
color.primitive.green.500#86a46fapproved · blockedSuccess text, border and fill (7.13:1 on canvas).
color.primitive.green.600#7fbf7aobserved · blockedThe greeter's systemd OK; bright green slot in the extended terminal palette.
color.primitive.green.tint#0f1a0eapproved · blockedAdded-line background.
color.primitive.ink.0#000000observed · blockedThe desktop behind every window.
color.primitive.ink.14#090707approved · blockedTrue Black / Rose surface primitive; D-023.
color.primitive.ink.15#0a0707observed · blockedSunken reading and detail panes.
color.primitive.ink.20#0c0909observed · blockedTerminal and canvas background; Xresources color0 and *background.
color.primitive.ink.25#100909observed · blockedWindow chrome and title bars.
color.primitive.ink.28#100c0capproved · blockedTrue Black / Rose surface primitive; D-023.
color.primitive.ink.30#160b0bobserved · blockedDefault panel surface.
color.primitive.ink.40#1c0a09observed · blockedAlternate chrome; hover rows; current line.
color.primitive.ink.52#241010observed · blockedRaised surface: sticky headers, menus, popovers.
color.primitive.ink.60#2b0e0dobserved · blockedHairline divider; folds the site's six near-identical hairlines.
color.primitive.modern.amber#e5c07bapproved · blockedD-041 amber colour.
color.primitive.modern.blue#82b4ffapproved · blockedD-041 blue colour.
color.primitive.modern.bright#f4eeeeapproved · blockedD-041 bright colour.
color.primitive.modern.bright-amber#f2d49bapproved · blockedD-041 bright-amber colour.
color.primitive.modern.bright-blue#a4caffapproved · blockedD-041 bright-blue colour.
color.primitive.modern.bright-cyan#a0e7e7approved · blockedD-041 bright-cyan colour.
color.primitive.modern.bright-green#a2edb8approved · blockedD-041 bright-green colour.
color.primitive.modern.bright-red#ff9095approved · blockedD-041 bright-red colour.
color.primitive.modern.bright-violet#dec0f4approved · blockedD-041 bright-violet colour.
color.primitive.modern.control#986f72approved · blockedD-041 control colour.
color.primitive.modern.cyan#78d4d4approved · blockedD-041 cyan colour.
color.primitive.modern.diff-shared-green#2c6540approved · blockedD-041 compromise for hosts sharing diff summary foreground and word background; not general text or ANSI.
color.primitive.modern.diff-shared-red#953d46approved · blockedD-041 compromise for hosts sharing diff summary foreground and word background; not general text or ANSI.
color.primitive.modern.disabled#a3676bapproved · blockedD-041 disabled colour.
color.primitive.modern.divider#482b2bapproved · blockedD-041 divider colour.
color.primitive.modern.green#82d9a0approved · blockedD-041 green colour.
color.primitive.modern.hover#1c1010approved · blockedD-041 hover colour.
color.primitive.modern.muted#d4868bapproved · blockedD-041 muted colour.
color.primitive.modern.overlay#1c1010approved · blockedD-041 overlay colour.
color.primitive.modern.panel#0d0707approved · blockedD-041 panel colour.
color.primitive.modern.raised#140b0bapproved · blockedD-041 raised colour.
color.primitive.modern.red#f07178approved · blockedD-041 red colour.
color.primitive.modern.subtle#bd787dapproved · blockedD-041 subtle colour.
color.primitive.modern.text#e99499approved · blockedD-041 text colour.
color.primitive.modern.violet#c7a0e8approved · blockedD-041 violet colour.
color.primitive.paper.100#f9faf9observed · blockedText on the critical toast.
color.primitive.paper.90#f4eeeeobserved · blockedProse and on-fill text.
color.primitive.red.100#531310observed · blockedDecorative hairline border.
color.primitive.red.150#630f0dobserved · blockedDark selection; dmenu selected background.
color.primitive.red.200#7d1310observed · blockedXresources color8. Never text.
color.primitive.red.250#8c1212observed · blockedXresources color4; i3 focused child border.
color.primitive.red.300#871f19observed · blockedXresources color12; the button fill.
color.primitive.red.350#911410observed · blockedSelection fill.
color.primitive.red.40#3d0c0aapproved · blockedD-035 accent surface for the user's own content: the deepest red of the owner's side-by-side comparison, with text.link at 4.55, text.muted at 4.90 and text.default at 7.30.
color.primitive.red.400#9e231fobserved · blockedStrong border; sticky header rule.
color.primitive.red.450#ab1612observed · blockedXresources color9.
color.primitive.red.50#420f0cobserved · blockedSoft selection; inactive selection; scrollbar thumb.
color.primitive.red.500#ad2721observed · blockedXresources color10.
color.primitive.red.550#ae1914observed · blockeddunst frame and conky accent.
color.primitive.red.650#c81a1aobserved · blockedXresources color1; i3 focused workspace background.
color.primitive.red.750#dc282eobserved · blockeddunst critical background; link underline.
color.primitive.red.760#e0292fobserved · blockedXresources color14; i3 focused border.
color.primitive.red.770#e82132observed · blockedXresources color13.
color.primitive.red.800#e53935observed · blockedFocus ring; active border; accent text on dark surfaces.
color.primitive.red.810#e95551approved · blockedD-029 code syntax red: red.800 (#e53935) lifted to 5.56:1 on the code background and 4.51:1 inside an editor selection (properties, headings, invalid text).
color.primitive.red.850#f73f35observed · blockedXresources color5; strong accent; danger text.
color.primitive.red.860#f7463capproved · blockedD-029 code syntax red: red.850 (#f73f35) lifted to 5.57:1 on the code background and 4.52:1 inside an editor selection (keywords, tags).
color.primitive.rose.300#8a5559approved · blockedDisabled text (3.33:1 on canvas; exempt, at least 3:1 by policy).
color.primitive.rose.320#9e474aobserved · blockedXresources color6.
color.primitive.rose.350#a3676bobserved · blockedXresources color15; 4.45:1 on canvas, so not ordinary text.
color.primitive.rose.450#ad7175approved · blockedSubtle text: metadata, comments, line numbers (5.10:1).
color.primitive.rose.550#b37175observed · blockedXresources color11.
color.primitive.rose.600#bd787dobserved · blockedXresources color2; muted text, the floor for chrome text (5.81:1).
color.primitive.rose.650#d4868bobserved · blockedXresources color3.
color.primitive.rose.700#e99499observed · blockedXresources *foreground; interface text.
color.primitive.rose.800#ffa2a7observed · blockedXresources color7; bright text, links, headings.
color.status.danger.border#e53935observed · useDanger border, 2px on invalid inputs.
color.status.danger.fill#dc282eobserved · useDanger fill.
color.status.danger.on-fill#f9faf9observed · useText on the danger fill (4.58:1).
color.status.danger.text#f07178observed · useD-041 readable error text on neutral surfaces and native warning tints.
color.status.danger.tint#2b0e0dobserved · useDanger background tint.
color.status.info.border#82b4ffapproved · useD-041 status.info.border: color.primitive.modern.blue.
color.status.info.fill#82b4ffapproved · useD-041 status.info.fill: color.primitive.modern.blue.
color.status.info.on-fill#000000approved · useText on the info fill (7.08:1).
color.status.info.text#82b4ffapproved · useD-041 status.info.text: color.primitive.modern.blue.
color.status.info.tint#0f141capproved · useInfo background tint.
color.status.neutral.border#986f72approved · useD-041 status.neutral.border: color.primitive.modern.control.
color.status.neutral.fill#986f72approved · useD-041 status.neutral.fill: color.primitive.modern.control.
color.status.neutral.on-fill#000000observed · useText on the neutral fill (4.71:1).
color.status.neutral.text#d4868bapproved · useD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.status.neutral.tint#140b0bapproved · useD-041 status.neutral.tint: color.primitive.modern.raised.
color.status.success.border#82d9a0approved · useD-041 status.success.border: color.primitive.modern.green.
color.status.success.fill#82d9a0approved · useD-041 status.success.fill: color.primitive.modern.green.
color.status.success.on-fill#000000approved · useText on the success fill (7.13:1).
color.status.success.text#82d9a0approved · useD-041 status.success.text: color.primitive.modern.green.
color.status.success.tint#0f1a0eapproved · useSuccess background tint.
color.status.warning.border#e5c07bapproved · useD-041 status.warning.border: color.primitive.modern.amber.
color.status.warning.fill#e5c07bapproved · useD-041 status.warning.fill: color.primitive.modern.amber.
color.status.warning.on-fill#000000approved · useText on the warning fill (7.54:1).
color.status.warning.text#e5c07bapproved · useD-041 status.warning.text: color.primitive.modern.amber.
color.status.warning.tint#1f1a0capproved · useWarning background tint.
color.surface.accent#3d0c0aapproved · useThe user's own content set apart from neighbouring surfaces, such as outgoing chat messages. text.default, text.bright, text.muted and text.link keep 4.5:1 on it; text.subtle does not (4.30), so secondary text on it uses text.muted (D-035).
color.surface.backdroprgb(0 0 0 / 65%)proposed · use-and-reportBehind modal dialogs.
color.surface.canvas#000000approved · usePage and terminal background.
color.surface.chrome#000000approved · useD-041 surface.chrome: color.primitive.ink.0.
color.surface.chrome-alt#140b0bapproved · useD-041 surface.chrome-alt: color.primitive.modern.raised.
color.surface.code#000000approved · useSurface a static code block sits on, such as a document's pre: pure black like the canvas (D-023, D-039).
color.surface.default#0d0707approved · useD-041 surface.default: color.primitive.modern.panel.
color.surface.desktop#000000observed · useBehind every window.
color.surface.input#000000approved · useForm-control fill.
color.surface.overlay#1c1010approved · useD-041 surface.overlay: color.primitive.modern.overlay.
color.surface.raised#140b0bapproved · useD-041 surface.raised: color.primitive.modern.raised.
color.surface.sunken#000000approved · useReading and detail panes set below the canvas.
color.surface.terminal#000000approved · useSurface of a pane that hosts a terminal, around its cell grid (D-023, D-039).
color.terminal.ansi.0#000000approved · useD-041 terminal.ansi.0: color.primitive.ink.0.
color.terminal.ansi.1#f07178approved · useD-041 terminal.ansi.1: color.primitive.modern.red.
color.terminal.ansi.10#a2edb8approved · useD-041 terminal.ansi.10: color.primitive.modern.bright-green.
color.terminal.ansi.11#f2d49bapproved · useD-041 terminal.ansi.11: color.primitive.modern.bright-amber.
color.terminal.ansi.12#a4caffapproved · useD-041 terminal.ansi.12: color.primitive.modern.bright-blue.
color.terminal.ansi.13#dec0f4approved · useD-041 terminal.ansi.13: color.primitive.modern.bright-violet.
color.terminal.ansi.14#a0e7e7approved · useD-041 terminal.ansi.14: color.primitive.modern.bright-cyan.
color.terminal.ansi.15#ffa2a7approved · useD-041 bright ANSI foreground: brighter rose; near-white reserved for exceptional highlights.
color.terminal.ansi.2#82d9a0approved · useD-041 terminal.ansi.2: color.primitive.modern.green.
color.terminal.ansi.3#e5c07bapproved · useD-041 terminal.ansi.3: color.primitive.modern.amber.
color.terminal.ansi.4#82b4ffapproved · useD-041 terminal.ansi.4: color.primitive.modern.blue.
color.terminal.ansi.5#c7a0e8approved · useD-041 terminal.ansi.5: color.primitive.modern.violet.
color.terminal.ansi.6#78d4d4approved · useD-041 terminal.ansi.6: color.primitive.modern.cyan.
color.terminal.ansi.7#ffa2a7approved · useD-041 ordinary ANSI foreground: rose.
color.terminal.ansi.8#bd787dapproved · useD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.terminal.ansi.9#ff9095approved · useD-041 terminal.ansi.9: color.primitive.modern.bright-red.
color.terminal.bg#000000approved · useD-041 terminal.bg: color.primitive.ink.0.
color.terminal.cursor#ffa2a7approved · useD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.terminal.fg#ffa2a7approved · useD-041: bright rose terminal text for readable black-background shells.
color.terminal.prompt-bg#000000approved · useD-041 terminal.prompt-bg: color.primitive.ink.0.
color.terminal.prompt-text#ffa2a7approved · useD-041: bright rose terminal text for readable black-background shells.
color.terminal.selection-bg#420f0cobserved · useTerminal selection.
color.terminal.selection-text#f4eeeeobserved · useTerminal selection text.
color.text.accent#e53935observed · useAccent text on canvas and default surfaces only.
color.text.accent-strong#f73f35observed · useAccent text safe on every surface.
color.text.bright#ffa2a7approved · useD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.text.default#e99499approved · useD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.text.disabled#a3676bapproved · useD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.text.heading#f4eeeeapproved · useD-041 text.heading: color.primitive.modern.bright.
color.text.highlight#f4eeeeapproved · useD-041 text.highlight: color.primitive.modern.bright.
color.text.inverse#000000approved · useD-041 text.inverse: color.primitive.ink.0.
color.text.muted#d4868bapproved · useD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.text.on-action#ffa2a7approved · useBright rose text on primary-action fills in every state (D-033).
color.text.on-danger#f9faf9observed · useText on the danger fill.
color.text.on-light#000000approved · useD-041 text.on-light: color.primitive.ink.0.
color.text.on-selection#f4eeeeobserved · useText on the selection fill.
color.text.placeholder#bd787dapproved · useD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.text.prose#e99499approved · useNeutral long-form reading text; aliases text.default (D-041).
color.text.subtle#bd787dapproved · useD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
density.comfortable.control-height32pxobserved · useNo role description declared.
density.comfortable.control-padding-x12pxobserved · useNo role description declared.
density.comfortable.gap4pxobserved · useNo role description declared.
density.comfortable.icon16pxobserved · useNo role description declared.
density.comfortable.row-height36pxobserved · useNo role description declared.
density.compact.control-height24pxobserved · useNo role description declared.
density.compact.control-padding-x8pxobserved · useNo role description declared.
density.compact.gap2pxobserved · useNo role description declared.
density.compact.icon12pxobserved · useNo role description declared.
density.compact.row-height28pxobserved · useNo role description declared.
focus.offset-2pxobserved · useoutline-offset for controls.
focus.offset-container-3pxobserved · useoutline-offset for containers.
focus.offset-invalid-4pxobserved · useoutline-offset inside the 2px invalid border.
focus.ring1px dashed #e53935observed · useoutline on controls and rows.
focus.ring-container2px solid #ffa2a7observed · useoutline on focusable containers.
focus.ring-contrast1px dashed #ffa2a7approved · useoutline where the ordinary red ring would merge with what is under or beside it: controls on a fill and invalid fields beside the danger border; the control ring in the container colour (D-040).
font.family.mono"SauceCodePro NFM", "Source Code Pro", "Cascadia Mono", "Consolas", "Liberation Mono", "DejaVu Sans Mono", monospaceobserved · useOne family for chrome, reading and code. Not bundled; see theme.json font.
font.letter-spacing.terminal-0.5pxobserved · useURxvt letterSpace -1 at pixelsize 13, as the site renders it.
font.line-height.caption16pxobserved · useNo role description declared.
font.line-height.code19pxobserved · useNo role description declared.
font.line-height.display40pxapproved · useNo role description declared.
font.line-height.h128pxobserved · useNo role description declared.
font.line-height.h224pxobserved · useNo role description declared.
font.line-height.h318pxobserved · useNo role description declared.
font.line-height.reading24pxobserved · useNo role description declared.
font.line-height.terminal19pxobserved · useNo role description declared.
font.line-height.title32pxapproved · useNo role description declared.
font.line-height.ui-lg20pxobserved · useNo role description declared.
font.line-height.ui-md18pxobserved · useNo role description declared.
font.line-height.ui-sm16pxobserved · useNo role description declared.
font.size.caption11pxobserved · useOnly with text.muted or lighter.
font.size.code13pxobserved · useNo role description declared.
font.size.display32pxapproved · usePage heroes and metric figures on the portal (D-037).
font.size.h120pxobserved · useNo role description declared.
font.size.h216pxobserved · useNo role description declared.
font.size.h313pxobserved · useNo role description declared.
font.size.reading15pxobserved · useNo role description declared.
font.size.terminal13pxobserved · useURxvt pixelsize 13.
font.size.title24pxapproved · usePage titles above h1 on the portal (D-037).
font.size.ui-lg14pxobserved · useNo role description declared.
font.size.ui-md13pxobserved · useNo role description declared.
font.size.ui-sm12pxobserved · useNo role description declared.
font.weight.bold700observed · useNo role description declared.
font.weight.regular400observed · useNo role description declared.
icon.size.lg20pxobserved · useNo role description declared.
icon.size.md16pxobserved · useNo role description declared.
icon.size.sm12pxobserved · useNo role description declared.
icon.stroke1.5pxobserved · useSVG line icons, currentColor, no fill.
layout.app-max1440pxobserved · useApplication layout maximum.
layout.content-max680pxobserved · useReading column maximum.
layout.measure72observed · useReading measure in ch.
motion.duration.base120msobserved · useNo role description declared.
motion.duration.fast80msobserved · useNo role description declared.
motion.duration.slow150msobserved · useThe maximum. Reduced motion sets every duration to 0.01ms.
radius.none0pxobserved · useThe only radius. Nothing is rounded.
shadow.floating0px 6px 22px 0px rgb(0 0 0 / 55%)observed · useThe only shadow: the i3 floating window.
space.00pxobserved · useNo role description declared.
space.11pxobserved · useNo role description declared.
space.1212pxobserved · useNo role description declared.
space.1616pxobserved · useNo role description declared.
space.22pxobserved · useNo role description declared.
space.2424pxobserved · useNo role description declared.
space.3232pxobserved · useNo role description declared.
space.44pxobserved · useNo role description declared.
space.4848pxobserved · useNo role description declared.
space.88pxobserved · useNo role description declared.
z.canvas0observed · useNo role description declared.
z.dialog30observed · useNo role description declared.
z.drawer20observed · useNo role description declared.
z.popover10observed · useNo role description declared.
z.raised1observed · useNo role description declared.
z.toast40observed · useNo role description declared.

heritage-ansi · heritage

RoleValueEligibilityDocumented use
border.width.default1pxobserved · historical-onlyEvery border is 1px.
border.width.emphasis2pxobserved · historical-onlySelected indicator, sticky header rule, invalid border.
breakpoint.lg1280pxobserved · historical-onlyThe site's bar breaks below this.
breakpoint.md900pxobserved · historical-onlyNo role description declared.
breakpoint.sm600pxobserved · historical-onlyNo role description declared.
breakpoint.xs320pxobserved · historical-onlyReflow floor (WCAG 1.4.10).
color.action.destructive.border#e53935observed · historical-onlyDestructive button border.
color.action.destructive.filled-bg#dc282eobserved · historical-onlyConfirm-dialog destructive fill.
color.action.destructive.filled-text#f9faf9observed · historical-onlyText on the destructive fill.
color.action.destructive.hover-bg#dc282eobserved · historical-onlyDestructive button hover fill.
color.action.destructive.hover-text#f9faf9observed · historical-onlyDestructive button text on hover (4.58:1).
color.action.destructive.pressed-bg#ae1914observed · historical-onlyDestructive button pressed fill.
color.action.destructive.text#f07178observed · historical-onlyD-041 destructive foreground remains readable on native warning tints.
color.action.primary.bg#7d1310approved · historical-onlyPrimary button fill; D-026 darkened it off color12, which stays fixed as heritage ANSI 12.
color.action.primary.border#9e231fobserved · historical-onlyPrimary button border.
color.action.primary.hover-bg#911410observed · historical-onlyPrimary button hover; pair with action.primary.text (D-033).
color.action.primary.pressed-bg#630f0dobserved · historical-onlyPrimary button pressed.
color.action.primary.text#ffa2a7approved · historical-onlyPrimary action labels: bright rose across rest, hover and pressed states (D-033).
color.action.secondary.bgrgb(0 0 0 / 0%)observed · historical-onlySecondary button has no fill.
color.action.secondary.border#986f72approved · historical-onlyD-041 action.secondary.border: color.primitive.modern.control.
color.action.secondary.hover-bg#630f0dobserved · historical-onlySecondary button hover.
color.action.secondary.pressed-bg#420f0cobserved · historical-onlySecondary button pressed.
color.action.secondary.text#ffa2a7approved · historical-onlyD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.action.tertiary.hover-bg#1c0a09observed · historical-onlyGhost and icon button hover.
color.action.tertiary.text#e99499approved · historical-onlyD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.border.active#e53935observed · historical-onlyActive or focused control border.
color.border.control#c81a1aapproved · historical-onlyD-041 owner correction: red control and floating-frame borders, distinct from rose text.
color.border.default#482b2bapproved · historical-onlyD-041 border.default: color.primitive.modern.divider.
color.border.disabled#482b2bapproved · historical-onlyD-041 border.disabled: color.primitive.modern.divider.
color.border.divider#482b2bapproved · historical-onlyD-041 border.divider: color.primitive.modern.divider.
color.border.overlay#ae1914heritage · historical-onlydunst frame_color.
color.border.selected-indicator#e53935observed · historical-only2px indicator bar on the selected tab or nav item.
color.border.selected-indicator-inactive#9e231fobserved · historical-onlyIndicator bar when the container is not focused.
color.border.strong#9e231fobserved · historical-onlyEmphasised 2px rule: sticky headers, section ends.
color.chart.axis#9e231fobserved · historical-onlyAxis lines.
color.chart.grid#2b0e0dobserved · historical-onlyGrid lines.
color.chart.label#d4868bapproved · historical-onlyD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.chart.series-1#ffa2a7observed · historical-onlyFirst series.
color.chart.series-2#f73f35observed · historical-onlySecond series.
color.chart.series-3#bd787dobserved · historical-onlyThird series.
color.chart.series-4#a3676bobserved · historical-onlyFourth series (non-text, 4.45:1).
color.code.bg#000000approved · historical-onlyD-041 code.bg: color.primitive.ink.0.
color.code.bracket-match#e53935observed · historical-onlyMatching bracket 1px border.
color.code.caret#ffa2a7approved · historical-onlyD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.code.current-line#0d0707approved · historical-onlyD-041 code.current-line: color.primitive.modern.panel.
color.code.gutter-bg#000000approved · historical-onlyD-041 code.gutter-bg: color.primitive.ink.0.
color.code.gutter-rule#482b2bapproved · historical-onlyD-041 code.gutter-rule: color.primitive.modern.divider.
color.code.hued.attribute#e5c07bapproved · historical-onlyD-041 code.hued.attribute: color.code.syntax.attribute.
color.code.hued.constant#e5c07bapproved · historical-onlyD-041 code.hued.constant: color.code.syntax.constant.
color.code.hued.escape#e5c07bapproved · historical-onlyD-041 code.hued.escape: color.code.syntax.escape.
color.code.hued.function#ffa2a7approved · historical-onlyD-041 code.hued.function: color.code.syntax.function.
color.code.hued.number#e5c07bapproved · historical-onlyD-041 code.hued.number: color.code.syntax.number.
color.code.hued.operator#ffa2a7approved · historical-onlyD-041 code.hued.operator: color.code.syntax.operator.
color.code.hued.property#e53935approved · historical-onlyD-041 code.hued.property: color.code.syntax.property.
color.code.hued.string#82d9a0approved · historical-onlyD-041 code.hued.string: color.code.syntax.string.
color.code.hued.type#78d4d4approved · historical-onlyD-041 code.hued.type: color.code.syntax.type.
color.code.indent-guide#482b2bapproved · historical-onlyD-041 code.indent-guide: color.primitive.modern.divider.
color.code.line-number#7d1310heritage · historical-only · deprecatedcolor8, as vim rendered line numbers.
color.code.line-number-active#e99499approved · historical-onlyD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.code.search-current-bg#ffa2a7observed · historical-onlyCurrent search match background.
color.code.search-current-text#000000approved · historical-onlyD-041 code.search-current-text: color.primitive.ink.0.
color.code.search-match-bg#630f0dobserved · historical-onlyOther search matches.
color.code.selection-bg#420f0cobserved · historical-onlyEditor selection background (muted text stays 4.71:1).
color.code.syntax.attribute#e5c07bapproved · historical-onlyD-041 code.syntax.attribute: color.primitive.modern.amber.
color.code.syntax.comment#7d1310heritage · historical-only · deprecatedcolor8: comments and shebang in vim.
color.code.syntax.constant#e5c07bapproved · historical-onlyD-041 code.syntax.constant: color.primitive.modern.amber.
color.code.syntax.deprecated#a3676bapproved · historical-onlyD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.code.syntax.escape#e5c07bapproved · historical-onlyD-041 code.syntax.escape: color.primitive.modern.amber.
color.code.syntax.function#ffa2a7heritage · historical-onlycolor7: function calls, quotes, operators.
color.code.syntax.heading#e53935heritage · historical-onlyMarkup headings, historical value before D-029.
color.code.syntax.invalid#e53935heritage · historical-onlyInvalid text, historical value before D-029.
color.code.syntax.keyword#f73f35heritage · historical-onlyKeywords, historical value before D-029.
color.code.syntax.number#e5c07bapproved · historical-onlyD-041 code.syntax.number: color.primitive.modern.amber.
color.code.syntax.operator#ffa2a7heritage · historical-onlycolor7.
color.code.syntax.property#e53935heritage · historical-onlyProperties and keys, historical value before D-029.
color.code.syntax.punctuation#d4868bheritage · historical-onlycolor3: parentheses, symbols, commas.
color.code.syntax.string#82d9a0approved · historical-onlyD-041 code.syntax.string: color.primitive.modern.green.
color.code.syntax.tag#f73f35heritage · historical-onlyMarkup tags, historical value before D-029.
color.code.syntax.type#78d4d4approved · historical-onlyD-041 code.syntax.type: color.primitive.modern.cyan.
color.code.syntax.variable#ab1612heritage · historical-only · deprecatedcolor9: declarations and assignments.
color.code.whitespace#986f72approved · historical-onlyD-041 code.whitespace: color.primitive.modern.control.
color.diagnostic.error.bg#2b0e0dobserved · historical-onlyError line background.
color.diagnostic.error.stripe#e53935observed · historical-onlyError stripe mark.
color.diagnostic.error.text#f73f35observed · historical-onlyError message text.
color.diagnostic.error.underline#e53935observed · historical-onlyError wavy underline.
color.diagnostic.hint.underline#a3676bapproved · historical-onlyD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.diagnostic.info.text#82b4ffapproved · historical-onlyD-041 diagnostic.info.text: color.primitive.modern.blue.
color.diagnostic.info.underline#82b4ffapproved · historical-onlyD-041 diagnostic.info.underline: color.primitive.modern.blue.
color.diagnostic.unused.text#d4868bapproved · historical-onlyD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.diagnostic.warning.stripe#e5c07bapproved · historical-onlyD-041 diagnostic.warning.stripe: color.primitive.modern.amber.
color.diagnostic.warning.text#e5c07bapproved · historical-onlyD-041 diagnostic.warning.text: color.primitive.modern.amber.
color.diagnostic.warning.underline#e5c07bapproved · historical-onlyD-041 diagnostic.warning.underline: color.primitive.modern.amber.
color.diff.added.bg#0f1a0eapproved · historical-onlyAdded line background.
color.diff.added.emphasis#82d9a0approved · historical-onlyD-041 diff.added.emphasis: color.primitive.modern.green.
color.diff.added.gutter#82d9a0approved · historical-onlyD-041 diff.added.gutter: color.primitive.modern.green.
color.diff.added.shared-word#2c6540approved · historical-onlyD-041 host-specific shared summary foreground and word background: about 3:1 against black and rose prose; never a generic ordinary-text role.
color.diff.conflict-border#f73f35observed · historical-onlyConflict block: double 1px border.
color.diff.header-bg#241010observed · historical-onlyHunk header background.
color.diff.modified.bg#1f1a0capproved · historical-onlyModified line background.
color.diff.modified.gutter#e5c07bapproved · historical-onlyD-041 diff.modified.gutter: color.primitive.modern.amber.
color.diff.removed.bg#2b0e0dobserved · historical-onlyRemoved line background.
color.diff.removed.emphasis#e53935observed · historical-onlyWord-level removal: underline and line-through.
color.diff.removed.gutter#e53935observed · historical-onlyRemoved gutter mark and −.
color.diff.removed.shared-word#953d46approved · historical-onlyD-041 host-specific shared summary foreground and word background: about 3:1 against black and rose prose; never a generic ordinary-text role.
color.icon.decorative#986f72approved · historical-onlyD-041 icon.decorative: color.primitive.modern.control.
color.icon.default#e99499approved · historical-onlyD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.interaction.disabled.bg#0d0707approved · historical-onlyD-041 interaction.disabled.bg: color.primitive.modern.panel.
color.interaction.drop-target#e53935observed · historical-onlyDashed drop-target border.
color.interaction.focus.ring#e53935observed · historical-only1px dashed focus ring on controls and rows.
color.interaction.focus.ring-container#ffa2a7observed · historical-onlyFocus colour for containers and explicitly mapped filled controls (D-015); component rules determine ring geometry.
color.interaction.hover.bg#1c1010approved · historical-onlyD-041 interaction.hover.bg: color.primitive.modern.hover.
color.interaction.hover.bg-strong#1c1010approved · historical-onlyD-041 interaction.hover.bg-strong: color.primitive.modern.hover.
color.interaction.marqueergb(145 20 16 / 12%)observed · historical-onlyDrag marquee and ghost.
color.interaction.pressed.bg#420f0cobserved · historical-onlyPressed fill.
color.interaction.scrollbar.thumb#986f72approved · historical-onlyD-041 interaction.scrollbar.thumb: color.primitive.modern.control.
color.interaction.scrollbar.thumb-hover#d4868bapproved · historical-onlyD-041 interaction.scrollbar.thumb-hover: color.primitive.modern.muted.
color.interaction.scrollbar.track#000000approved · historical-onlyD-041 interaction.scrollbar.track: color.primitive.ink.0.
color.interaction.selection.bg#531310approved · historical-onlySelected row, tab, workspace; D-027 recessed the fill, leaving the 2px indicator and the check to carry selection.
color.interaction.selection.inactive-bg#420f0cobserved · historical-onlySelection while the container is not focused.
color.interaction.selection.inactive-text#e99499approved · historical-onlyD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.interaction.selection.text#f4eeeeobserved · historical-onlyText on the selection.
color.interaction.text-selection.bg#420f0cobserved · historical-onlyD-041 subdued burgundy selection keeps rose text readable in hosts retaining its foreground.
color.interaction.text-selection.text#f4eeeeobserved · historical-only::selection text.
color.interaction.text-selection.tintrgb(145 20 16 / 50%)approved · historical-onlyText selection on hosts that keep the text colour inside a selection. It is translucent, so it also suits hosts that paint the fill over their content. Text drawn on it keeps 4.5:1 over the canvas, raised and accent surfaces; text it is painted over, and links, do not (D-036).
color.primitive.alpha.black-55rgb(0 0 0 / 55%)observed · historical-onlyFloating-window shadow.
color.primitive.alpha.black-65rgb(0 0 0 / 65%)observed · historical-onlyModal backdrop; unifies the site's 62–72% backdrops.
color.primitive.alpha.red-12rgb(145 20 16 / 12%)observed · historical-onlyDrag marquee.
color.primitive.alpha.red-50rgb(145 20 16 / 50%)approved · historical-onlyD-036 text-selection tint: red.350 at 50%, for hosts that keep the text colour inside a selection.
color.primitive.alpha.red-6rgb(145 20 16 / 6%)observed · historical-onlyWallpaper stripe.
color.primitive.alpha.transparentrgb(0 0 0 / 0%)observed · historical-onlyNo fill.
color.primitive.amber.500#c9973fapproved · historical-onlyWarning text, border and fill (7.54:1 on canvas).
color.primitive.amber.600#d6a24bproposed · historical-onlyBright yellow slot in the extended terminal palette.
color.primitive.amber.tint#1f1a0capproved · historical-onlyWarning and modified backgrounds.
color.primitive.ansi-readable.1#e84b4bapproved · historical-onlyHeritage slot 1 (#c81a1a, 3.42:1) lifted to 5.23:1 on the terminal background.
color.primitive.ansi-readable.10#dc4f49approved · historical-onlyHeritage slot 10 (#ad2721, 2.92:1) lifted to 4.97:1 on the terminal background.
color.primitive.ansi-readable.12#db433aapproved · historical-onlyHeritage slot 12 (#871f19, 2.12:1) lifted to 4.61:1 on the terminal background.
color.primitive.ansi-readable.13#ed5360approved · historical-onlyHeritage slot 13 (#e82132, 4.43:1) lifted to 5.67:1 on the terminal background.
color.primitive.ansi-readable.14#e6565aapproved · historical-onlyHeritage slot 14 (#e0292f, 4.28:1) lifted to 5.52:1 on the terminal background.
color.primitive.ansi-readable.15#b17e81approved · historical-onlyHeritage slot 15 (#a3676b, 4.45:1) lifted to 5.83:1 on the terminal background.
color.primitive.ansi-readable.4#e53131approved · historical-onlyHeritage slot 4 (#8c1212, 2.09:1) lifted to 4.55:1 on the terminal background.
color.primitive.ansi-readable.8#b71c17approved · historical-onlyHeritage slot 8 (#7d1310, 1.86:1) lifted to 3.01:1 on the terminal background; kept as the dim tier, not a text colour.
color.primitive.ansi-readable.9#ea3833approved · historical-onlyHeritage slot 9 (#ab1612, 2.70:1) lifted to 4.83:1 on the terminal background.
color.primitive.ansi.0#0c0909observed · historical-onlycolor0
color.primitive.ansi.1#c81a1aobserved · historical-onlycolor1
color.primitive.ansi.10#ad2721observed · historical-onlycolor10
color.primitive.ansi.11#b37175observed · historical-onlycolor11
color.primitive.ansi.12#871f19observed · historical-onlycolor12
color.primitive.ansi.13#e82132observed · historical-onlycolor13
color.primitive.ansi.14#e0292fobserved · historical-onlycolor14
color.primitive.ansi.15#a3676bobserved · historical-onlycolor15
color.primitive.ansi.2#bd787dobserved · historical-onlycolor2
color.primitive.ansi.3#d4868bobserved · historical-onlycolor3
color.primitive.ansi.4#8c1212observed · historical-onlycolor4
color.primitive.ansi.5#f73f35observed · historical-onlycolor5
color.primitive.ansi.6#9e474aobserved · historical-onlycolor6
color.primitive.ansi.7#ffa2a7observed · historical-onlycolor7
color.primitive.ansi.8#7d1310observed · historical-onlycolor8
color.primitive.ansi.9#ab1612observed · historical-onlycolor9
color.primitive.blue.500#7e9ebbapproved · historical-onlyInfo text, border and fill (7.08:1 on canvas).
color.primitive.blue.600#9ab3c9proposed · historical-onlyBright blue slot in the extended terminal palette.
color.primitive.blue.tint#0f141capproved · historical-onlyInfo background.
color.primitive.coral.700#ff7a66approved · historical-onlyD-032 coral for terminal slot 6: warm and vivid so highlighted names stand apart from the rose text (7.77:1 on the terminal background).
color.primitive.green.500#86a46fapproved · historical-onlySuccess text, border and fill (7.13:1 on canvas).
color.primitive.green.600#7fbf7aobserved · historical-onlyThe greeter's systemd OK; bright green slot in the extended terminal palette.
color.primitive.green.tint#0f1a0eapproved · historical-onlyAdded-line background.
color.primitive.ink.0#000000observed · historical-onlyThe desktop behind every window.
color.primitive.ink.14#090707approved · historical-onlyTrue Black / Rose surface primitive; D-023.
color.primitive.ink.15#0a0707observed · historical-onlySunken reading and detail panes.
color.primitive.ink.20#0c0909observed · historical-onlyTerminal and canvas background; Xresources color0 and *background.
color.primitive.ink.25#100909observed · historical-onlyWindow chrome and title bars.
color.primitive.ink.28#100c0capproved · historical-onlyTrue Black / Rose surface primitive; D-023.
color.primitive.ink.30#160b0bobserved · historical-onlyDefault panel surface.
color.primitive.ink.40#1c0a09observed · historical-onlyAlternate chrome; hover rows; current line.
color.primitive.ink.52#241010observed · historical-onlyRaised surface: sticky headers, menus, popovers.
color.primitive.ink.60#2b0e0dobserved · historical-onlyHairline divider; folds the site's six near-identical hairlines.
color.primitive.modern.amber#e5c07bapproved · historical-onlyD-041 amber colour.
color.primitive.modern.blue#82b4ffapproved · historical-onlyD-041 blue colour.
color.primitive.modern.bright#f4eeeeapproved · historical-onlyD-041 bright colour.
color.primitive.modern.bright-amber#f2d49bapproved · historical-onlyD-041 bright-amber colour.
color.primitive.modern.bright-blue#a4caffapproved · historical-onlyD-041 bright-blue colour.
color.primitive.modern.bright-cyan#a0e7e7approved · historical-onlyD-041 bright-cyan colour.
color.primitive.modern.bright-green#a2edb8approved · historical-onlyD-041 bright-green colour.
color.primitive.modern.bright-red#ff9095approved · historical-onlyD-041 bright-red colour.
color.primitive.modern.bright-violet#dec0f4approved · historical-onlyD-041 bright-violet colour.
color.primitive.modern.control#986f72approved · historical-onlyD-041 control colour.
color.primitive.modern.cyan#78d4d4approved · historical-onlyD-041 cyan colour.
color.primitive.modern.diff-shared-green#2c6540approved · historical-onlyD-041 compromise for hosts sharing diff summary foreground and word background; not general text or ANSI.
color.primitive.modern.diff-shared-red#953d46approved · historical-onlyD-041 compromise for hosts sharing diff summary foreground and word background; not general text or ANSI.
color.primitive.modern.disabled#a3676bapproved · historical-onlyD-041 disabled colour.
color.primitive.modern.divider#482b2bapproved · historical-onlyD-041 divider colour.
color.primitive.modern.green#82d9a0approved · historical-onlyD-041 green colour.
color.primitive.modern.hover#1c1010approved · historical-onlyD-041 hover colour.
color.primitive.modern.muted#d4868bapproved · historical-onlyD-041 muted colour.
color.primitive.modern.overlay#1c1010approved · historical-onlyD-041 overlay colour.
color.primitive.modern.panel#0d0707approved · historical-onlyD-041 panel colour.
color.primitive.modern.raised#140b0bapproved · historical-onlyD-041 raised colour.
color.primitive.modern.red#f07178approved · historical-onlyD-041 red colour.
color.primitive.modern.subtle#bd787dapproved · historical-onlyD-041 subtle colour.
color.primitive.modern.text#e99499approved · historical-onlyD-041 text colour.
color.primitive.modern.violet#c7a0e8approved · historical-onlyD-041 violet colour.
color.primitive.paper.100#f9faf9observed · historical-onlyText on the critical toast.
color.primitive.paper.90#f4eeeeobserved · historical-onlyProse and on-fill text.
color.primitive.red.100#531310observed · historical-onlyDecorative hairline border.
color.primitive.red.150#630f0dobserved · historical-onlyDark selection; dmenu selected background.
color.primitive.red.200#7d1310observed · historical-onlyXresources color8. Never text.
color.primitive.red.250#8c1212observed · historical-onlyXresources color4; i3 focused child border.
color.primitive.red.300#871f19observed · historical-onlyXresources color12; the button fill.
color.primitive.red.350#911410observed · historical-onlySelection fill.
color.primitive.red.40#3d0c0aapproved · historical-onlyD-035 accent surface for the user's own content: the deepest red of the owner's side-by-side comparison, with text.link at 4.55, text.muted at 4.90 and text.default at 7.30.
color.primitive.red.400#9e231fobserved · historical-onlyStrong border; sticky header rule.
color.primitive.red.450#ab1612observed · historical-onlyXresources color9.
color.primitive.red.50#420f0cobserved · historical-onlySoft selection; inactive selection; scrollbar thumb.
color.primitive.red.500#ad2721observed · historical-onlyXresources color10.
color.primitive.red.550#ae1914observed · historical-onlydunst frame and conky accent.
color.primitive.red.650#c81a1aobserved · historical-onlyXresources color1; i3 focused workspace background.
color.primitive.red.750#dc282eobserved · historical-onlydunst critical background; link underline.
color.primitive.red.760#e0292fobserved · historical-onlyXresources color14; i3 focused border.
color.primitive.red.770#e82132observed · historical-onlyXresources color13.
color.primitive.red.800#e53935observed · historical-onlyFocus ring; active border; accent text on dark surfaces.
color.primitive.red.810#e95551approved · historical-onlyD-029 code syntax red: red.800 (#e53935) lifted to 5.56:1 on the code background and 4.51:1 inside an editor selection (properties, headings, invalid text).
color.primitive.red.850#f73f35observed · historical-onlyXresources color5; strong accent; danger text.
color.primitive.red.860#f7463capproved · historical-onlyD-029 code syntax red: red.850 (#f73f35) lifted to 5.57:1 on the code background and 4.52:1 inside an editor selection (keywords, tags).
color.primitive.rose.300#8a5559approved · historical-onlyDisabled text (3.33:1 on canvas; exempt, at least 3:1 by policy).
color.primitive.rose.320#9e474aobserved · historical-onlyXresources color6.
color.primitive.rose.350#a3676bobserved · historical-onlyXresources color15; 4.45:1 on canvas, so not ordinary text.
color.primitive.rose.450#ad7175approved · historical-onlySubtle text: metadata, comments, line numbers (5.10:1).
color.primitive.rose.550#b37175observed · historical-onlyXresources color11.
color.primitive.rose.600#bd787dobserved · historical-onlyXresources color2; muted text, the floor for chrome text (5.81:1).
color.primitive.rose.650#d4868bobserved · historical-onlyXresources color3.
color.primitive.rose.700#e99499observed · historical-onlyXresources *foreground; interface text.
color.primitive.rose.800#ffa2a7observed · historical-onlyXresources color7; bright text, links, headings.
color.status.danger.border#e53935observed · historical-onlyDanger border, 2px on invalid inputs.
color.status.danger.fill#dc282eobserved · historical-onlyDanger fill.
color.status.danger.on-fill#f9faf9observed · historical-onlyText on the danger fill (4.58:1).
color.status.danger.text#f07178observed · historical-onlyD-041 readable error text on neutral surfaces and native warning tints.
color.status.danger.tint#2b0e0dobserved · historical-onlyDanger background tint.
color.status.info.border#82b4ffapproved · historical-onlyD-041 status.info.border: color.primitive.modern.blue.
color.status.info.fill#82b4ffapproved · historical-onlyD-041 status.info.fill: color.primitive.modern.blue.
color.status.info.on-fill#000000approved · historical-onlyText on the info fill (7.08:1).
color.status.info.text#82b4ffapproved · historical-onlyD-041 status.info.text: color.primitive.modern.blue.
color.status.info.tint#0f141capproved · historical-onlyInfo background tint.
color.status.neutral.border#986f72approved · historical-onlyD-041 status.neutral.border: color.primitive.modern.control.
color.status.neutral.fill#a3676bheritage · historical-onlydunst urgency_low background.
color.status.neutral.on-fill#0c0909heritage · historical-only · deprecateddunst urgency_low foreground.
color.status.neutral.text#d4868bapproved · historical-onlyD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.status.neutral.tint#140b0bapproved · historical-onlyD-041 status.neutral.tint: color.primitive.modern.raised.
color.status.success.border#82d9a0approved · historical-onlyD-041 status.success.border: color.primitive.modern.green.
color.status.success.fill#82d9a0approved · historical-onlyD-041 status.success.fill: color.primitive.modern.green.
color.status.success.on-fill#000000approved · historical-onlyText on the success fill (7.13:1).
color.status.success.text#82d9a0approved · historical-onlyD-041 status.success.text: color.primitive.modern.green.
color.status.success.tint#0f1a0eapproved · historical-onlySuccess background tint.
color.status.warning.border#e5c07bapproved · historical-onlyD-041 status.warning.border: color.primitive.modern.amber.
color.status.warning.fill#e5c07bapproved · historical-onlyD-041 status.warning.fill: color.primitive.modern.amber.
color.status.warning.on-fill#000000approved · historical-onlyText on the warning fill (7.54:1).
color.status.warning.text#e5c07bapproved · historical-onlyD-041 status.warning.text: color.primitive.modern.amber.
color.status.warning.tint#1f1a0capproved · historical-onlyWarning background tint.
color.surface.accent#3d0c0aapproved · historical-onlyThe user's own content set apart from neighbouring surfaces, such as outgoing chat messages. text.default, text.bright, text.muted and text.link keep 4.5:1 on it; text.subtle does not (4.30), so secondary text on it uses text.muted (D-035).
color.surface.backdroprgb(0 0 0 / 65%)proposed · historical-onlyBehind modal dialogs.
color.surface.canvas#0c0909heritage · historical-onlyHistorical surface assignment retained across D-023.
color.surface.chrome#100909heritage · historical-onlyHistorical surface assignment retained across D-023.
color.surface.chrome-alt#140b0bapproved · historical-onlyD-041 surface.chrome-alt: color.primitive.modern.raised.
color.surface.code#0c0909heritage · historical-onlyHistorical surface assignment retained across D-023.
color.surface.default#160b0bheritage · historical-onlyHistorical surface assignment retained across D-023.
color.surface.desktop#000000observed · historical-onlyBehind every window.
color.surface.input#0c0909heritage · historical-onlyHistorical surface assignment retained across D-023.
color.surface.overlay#1c1010approved · historical-onlyD-041 surface.overlay: color.primitive.modern.overlay.
color.surface.raised#140b0bapproved · historical-onlyD-041 surface.raised: color.primitive.modern.raised.
color.surface.sunken#0a0707heritage · historical-onlyHistorical surface assignment retained across D-023.
color.surface.terminal#0c0909heritage · historical-onlyHistorical surface assignment retained across D-023.
color.terminal.ansi.0#0c0909heritage · historical-onlyNo role description declared.
color.terminal.ansi.1#c81a1aheritage · historical-only · deprecatedANSI slot 1, exact heritage value (#c81a1a).
color.terminal.ansi.10#ad2721heritage · historical-only · deprecatedANSI slot 10, exact heritage value (#ad2721).
color.terminal.ansi.11#b37175heritage · historical-onlyNo role description declared.
color.terminal.ansi.12#871f19heritage · historical-only · deprecatedANSI slot 12, exact heritage value (#871f19).
color.terminal.ansi.13#e82132heritage · historical-only · deprecatedANSI slot 13, exact heritage value (#e82132).
color.terminal.ansi.14#e0292fheritage · historical-only · deprecatedANSI slot 14, exact heritage value (#e0292f).
color.terminal.ansi.15#a3676bheritage · historical-only · deprecatedANSI slot 15, exact heritage value (#a3676b).
color.terminal.ansi.2#bd787dheritage · historical-onlyNo role description declared.
color.terminal.ansi.3#d4868bheritage · historical-onlyNo role description declared.
color.terminal.ansi.4#8c1212heritage · historical-only · deprecatedANSI slot 4, exact heritage value (#8c1212).
color.terminal.ansi.5#f73f35heritage · historical-onlyNo role description declared.
color.terminal.ansi.6#9e474aheritage · historical-only · deprecatedANSI slot 6, exact heritage value (#9e474a).
color.terminal.ansi.7#ffa2a7heritage · historical-onlyNo role description declared.
color.terminal.ansi.8#7d1310heritage · historical-only · deprecatedANSI slot 8, exact heritage value (#7d1310).
color.terminal.ansi.9#ab1612heritage · historical-only · deprecatedANSI slot 9, exact heritage value (#ab1612).
color.terminal.bg#000000approved · historical-onlyD-041 terminal.bg: color.primitive.ink.0.
color.terminal.cursor#ffa2a7approved · historical-onlyD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.terminal.fg#ffa2a7approved · historical-onlyD-041: bright rose terminal text for readable black-background shells.
color.terminal.prompt-bg#8c1212heritage · historical-onlyThe heritage slot 4 behind the prompt's path segment, as the workstation drew it.
color.terminal.prompt-text#f4eeeeheritage · historical-onlyLight prompt text on the heritage slot 4, as the workstation drew it.
color.terminal.selection-bg#420f0cobserved · historical-onlyTerminal selection.
color.terminal.selection-text#f4eeeeobserved · historical-onlyTerminal selection text.
color.text.accent#e53935observed · historical-onlyAccent text on canvas and default surfaces only.
color.text.accent-strong#f73f35observed · historical-onlyAccent text safe on every surface.
color.text.bright#ffa2a7approved · historical-onlyD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.text.default#e99499approved · historical-onlyD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.text.disabled#a3676bapproved · historical-onlyD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.text.heading#f4eeeeapproved · historical-onlyD-041 text.heading: color.primitive.modern.bright.
color.text.highlight#f4eeeeapproved · historical-onlyD-041 text.highlight: color.primitive.modern.bright.
color.text.inverse#000000approved · historical-onlyD-041 text.inverse: color.primitive.ink.0.
color.text.link#ffa2a7heritage · historical-onlyHistorical bright-rose link assignment before D-024.
color.text.link-hover#f4eeeeobserved · historical-onlyLink text on hover, over interaction.hover.bg-strong.
color.text.link-underline#dc282eobserved · historical-onlyLink underline.
color.text.muted#d4868bapproved · historical-onlyD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.text.on-action#ffa2a7approved · historical-onlyBright rose text on primary-action fills in every state (D-033).
color.text.on-danger#f9faf9observed · historical-onlyText on the danger fill.
color.text.on-light#000000approved · historical-onlyD-041 text.on-light: color.primitive.ink.0.
color.text.on-selection#f4eeeeobserved · historical-onlyText on the selection fill.
color.text.placeholder#bd787dapproved · historical-onlyD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.text.prose#e99499approved · historical-onlyNeutral long-form reading text; aliases text.default (D-041).
color.text.subtle#a3676bheritage · historical-only · deprecatedcolor15 as the site's --quiet.
density.comfortable.control-height32pxobserved · historical-onlyNo role description declared.
density.comfortable.control-padding-x12pxobserved · historical-onlyNo role description declared.
density.comfortable.gap4pxobserved · historical-onlyNo role description declared.
density.comfortable.icon16pxobserved · historical-onlyNo role description declared.
density.comfortable.row-height36pxobserved · historical-onlyNo role description declared.
density.compact.control-height24pxobserved · historical-onlyNo role description declared.
density.compact.control-padding-x8pxobserved · historical-onlyNo role description declared.
density.compact.gap2pxobserved · historical-onlyNo role description declared.
density.compact.icon12pxobserved · historical-onlyNo role description declared.
density.compact.row-height28pxobserved · historical-onlyNo role description declared.
focus.offset-2pxobserved · historical-onlyoutline-offset for controls.
focus.offset-container-3pxobserved · historical-onlyoutline-offset for containers.
focus.offset-invalid-4pxobserved · historical-onlyoutline-offset inside the 2px invalid border.
focus.ring1px dashed #e53935observed · historical-onlyoutline on controls and rows.
focus.ring-container2px solid #ffa2a7observed · historical-onlyoutline on focusable containers.
focus.ring-contrast1px dashed #ffa2a7approved · historical-onlyoutline where the ordinary red ring would merge with what is under or beside it: controls on a fill and invalid fields beside the danger border; the control ring in the container colour (D-040).
font.family.mono"SauceCodePro NFM", "Source Code Pro", "Cascadia Mono", "Consolas", "Liberation Mono", "DejaVu Sans Mono", monospaceobserved · historical-onlyOne family for chrome, reading and code. Not bundled; see theme.json font.
font.letter-spacing.terminal-0.5pxobserved · historical-onlyURxvt letterSpace -1 at pixelsize 13, as the site renders it.
font.line-height.caption16pxobserved · historical-onlyNo role description declared.
font.line-height.code19pxobserved · historical-onlyNo role description declared.
font.line-height.display40pxapproved · historical-onlyNo role description declared.
font.line-height.h128pxobserved · historical-onlyNo role description declared.
font.line-height.h224pxobserved · historical-onlyNo role description declared.
font.line-height.h318pxobserved · historical-onlyNo role description declared.
font.line-height.reading24pxobserved · historical-onlyNo role description declared.
font.line-height.terminal19pxobserved · historical-onlyNo role description declared.
font.line-height.title32pxapproved · historical-onlyNo role description declared.
font.line-height.ui-lg20pxobserved · historical-onlyNo role description declared.
font.line-height.ui-md18pxobserved · historical-onlyNo role description declared.
font.line-height.ui-sm16pxobserved · historical-onlyNo role description declared.
font.size.caption11pxobserved · historical-onlyOnly with text.muted or lighter.
font.size.code13pxobserved · historical-onlyNo role description declared.
font.size.display32pxapproved · historical-onlyPage heroes and metric figures on the portal (D-037).
font.size.h120pxobserved · historical-onlyNo role description declared.
font.size.h216pxobserved · historical-onlyNo role description declared.
font.size.h313pxobserved · historical-onlyNo role description declared.
font.size.reading15pxobserved · historical-onlyNo role description declared.
font.size.terminal13pxobserved · historical-onlyURxvt pixelsize 13.
font.size.title24pxapproved · historical-onlyPage titles above h1 on the portal (D-037).
font.size.ui-lg14pxobserved · historical-onlyNo role description declared.
font.size.ui-md13pxobserved · historical-onlyNo role description declared.
font.size.ui-sm12pxobserved · historical-onlyNo role description declared.
font.weight.bold700observed · historical-onlyNo role description declared.
font.weight.regular400observed · historical-onlyNo role description declared.
icon.size.lg20pxobserved · historical-onlyNo role description declared.
icon.size.md16pxobserved · historical-onlyNo role description declared.
icon.size.sm12pxobserved · historical-onlyNo role description declared.
icon.stroke1.5pxobserved · historical-onlySVG line icons, currentColor, no fill.
layout.app-max1440pxobserved · historical-onlyApplication layout maximum.
layout.content-max680pxobserved · historical-onlyReading column maximum.
layout.measure72observed · historical-onlyReading measure in ch.
motion.duration.base120msobserved · historical-onlyNo role description declared.
motion.duration.fast80msobserved · historical-onlyNo role description declared.
motion.duration.slow150msobserved · historical-onlyThe maximum. Reduced motion sets every duration to 0.01ms.
radius.none0pxobserved · historical-onlyThe only radius. Nothing is rounded.
shadow.floating0px 6px 22px 0px rgb(0 0 0 / 55%)observed · historical-onlyThe only shadow: the i3 floating window.
space.00pxobserved · historical-onlyNo role description declared.
space.11pxobserved · historical-onlyNo role description declared.
space.1212pxobserved · historical-onlyNo role description declared.
space.1616pxobserved · historical-onlyNo role description declared.
space.22pxobserved · historical-onlyNo role description declared.
space.2424pxobserved · historical-onlyNo role description declared.
space.3232pxobserved · historical-onlyNo role description declared.
space.44pxobserved · historical-onlyNo role description declared.
space.4848pxobserved · historical-onlyNo role description declared.
space.88pxobserved · historical-onlyNo role description declared.
z.canvas0observed · historical-onlyNo role description declared.
z.dialog30observed · historical-onlyNo role description declared.
z.drawer20observed · historical-onlyNo role description declared.
z.popover10observed · historical-onlyNo role description declared.
z.raised1observed · historical-onlyNo role description declared.
z.skip-link1000observed · historical-onlyNo role description declared.
z.toast40observed · historical-onlyNo role description declared.

extended · proposed

RoleValueEligibilityDocumented use
border.width.default1pxobserved · blockedEvery border is 1px.
border.width.emphasis2pxobserved · blockedSelected indicator, sticky header rule, invalid border.
breakpoint.lg1280pxobserved · blockedThe site's bar breaks below this.
breakpoint.md900pxobserved · blockedNo role description declared.
breakpoint.sm600pxobserved · blockedNo role description declared.
breakpoint.xs320pxobserved · blockedReflow floor (WCAG 1.4.10).
color.action.destructive.border#e53935observed · blockedDestructive button border.
color.action.destructive.filled-bg#dc282eobserved · blockedConfirm-dialog destructive fill.
color.action.destructive.filled-text#f9faf9observed · blockedText on the destructive fill.
color.action.destructive.hover-bg#dc282eobserved · blockedDestructive button hover fill.
color.action.destructive.hover-text#f9faf9observed · blockedDestructive button text on hover (4.58:1).
color.action.destructive.pressed-bg#ae1914observed · blockedDestructive button pressed fill.
color.action.destructive.text#f07178observed · blockedD-041 destructive foreground remains readable on native warning tints.
color.action.primary.bg#7d1310approved · blockedPrimary button fill; D-026 darkened it off color12, which stays fixed as heritage ANSI 12.
color.action.primary.border#9e231fobserved · blockedPrimary button border.
color.action.primary.hover-bg#911410observed · blockedPrimary button hover; pair with action.primary.text (D-033).
color.action.primary.pressed-bg#630f0dobserved · blockedPrimary button pressed.
color.action.primary.text#ffa2a7approved · blockedPrimary action labels: bright rose across rest, hover and pressed states (D-033).
color.action.secondary.bgrgb(0 0 0 / 0%)observed · blockedSecondary button has no fill.
color.action.secondary.border#986f72approved · blockedD-041 action.secondary.border: color.primitive.modern.control.
color.action.secondary.hover-bg#630f0dobserved · blockedSecondary button hover.
color.action.secondary.pressed-bg#420f0cobserved · blockedSecondary button pressed.
color.action.secondary.text#ffa2a7approved · blockedD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.action.tertiary.hover-bg#1c0a09observed · blockedGhost and icon button hover.
color.action.tertiary.text#e99499approved · blockedD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.border.active#e53935observed · blockedActive or focused control border.
color.border.control#c81a1aapproved · blockedD-041 owner correction: red control and floating-frame borders, distinct from rose text.
color.border.default#482b2bapproved · blockedD-041 border.default: color.primitive.modern.divider.
color.border.disabled#482b2bapproved · blockedD-041 border.disabled: color.primitive.modern.divider.
color.border.divider#482b2bapproved · blockedD-041 border.divider: color.primitive.modern.divider.
color.border.overlay#c81a1aapproved · blockedD-041 owner correction: red control and floating-frame borders, distinct from rose text.
color.border.selected-indicator#e53935observed · blocked2px indicator bar on the selected tab or nav item.
color.border.selected-indicator-inactive#9e231fobserved · blockedIndicator bar when the container is not focused.
color.border.strong#9e231fobserved · blockedEmphasised 2px rule: sticky headers, section ends.
color.chart.axis#9e231fobserved · blockedAxis lines.
color.chart.grid#2b0e0dobserved · blockedGrid lines.
color.chart.label#d4868bapproved · blockedD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.chart.series-1#ffa2a7observed · blockedFirst series.
color.chart.series-2#86a46fproposed · blockedSecond series in green.
color.chart.series-3#c9973fproposed · blockedThird series in amber.
color.chart.series-4#7e9ebbproposed · blockedFourth series in blue.
color.code.bg#000000approved · blockedD-041 code.bg: color.primitive.ink.0.
color.code.bracket-match#e53935observed · blockedMatching bracket 1px border.
color.code.caret#ffa2a7approved · blockedD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.code.current-line#0d0707approved · blockedD-041 code.current-line: color.primitive.modern.panel.
color.code.gutter-bg#000000approved · blockedD-041 code.gutter-bg: color.primitive.ink.0.
color.code.gutter-rule#482b2bapproved · blockedD-041 code.gutter-rule: color.primitive.modern.divider.
color.code.hued.attribute#c9973fapproved · blockedD-041 code.hued.attribute: color.code.syntax.attribute.
color.code.hued.constant#c9973fapproved · blockedD-041 code.hued.constant: color.code.syntax.constant.
color.code.hued.escape#c9973fapproved · blockedD-041 code.hued.escape: color.code.syntax.escape.
color.code.hued.function#c9973fapproved · blockedD-041 code.hued.function: color.code.syntax.function.
color.code.hued.number#c9973fapproved · blockedD-041 code.hued.number: color.code.syntax.number.
color.code.hued.operator#ffa2a7approved · blockedD-041 code.hued.operator: color.code.syntax.operator.
color.code.hued.property#7e9ebbapproved · blockedD-041 code.hued.property: color.code.syntax.property.
color.code.hued.string#86a46fapproved · blockedD-041 code.hued.string: color.code.syntax.string.
color.code.hued.type#7e9ebbapproved · blockedD-041 code.hued.type: color.code.syntax.type.
color.code.indent-guide#482b2bapproved · blockedD-041 code.indent-guide: color.primitive.modern.divider.
color.code.line-number#bd787dapproved · blockedD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.code.line-number-active#e99499approved · blockedD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.code.search-current-bg#ffa2a7observed · blockedCurrent search match background.
color.code.search-current-text#000000approved · blockedD-041 code.search-current-text: color.primitive.ink.0.
color.code.search-match-bg#630f0dobserved · blockedOther search matches.
color.code.selection-bg#420f0cobserved · blockedEditor selection background (muted text stays 4.71:1).
color.code.syntax.attribute#c9973fproposed · blockedMarkup attribute names in amber, against red tags.
color.code.syntax.comment#bd787dapproved · blockedD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.code.syntax.constant#c9973fproposed · blockedConstants in amber.
color.code.syntax.deprecated#bd787dapproved · blockedD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.code.syntax.escape#c9973fproposed · blockedEscapes in amber so they read out of the green string around them.
color.code.syntax.function#c9973fproposed · blockedFunction and method names in amber, distinct from the identifiers they act on.
color.code.syntax.heading#f4eeeeapproved · blockedD-041 code.syntax.heading: color.primitive.modern.bright.
color.code.syntax.invalid#f07178approved · blockedD-041 code.syntax.invalid: color.primitive.modern.red.
color.code.syntax.keyword#c7a0e8approved · blockedD-041 code.syntax.keyword: color.primitive.modern.violet.
color.code.syntax.number#c9973fproposed · blockedNumbers in amber.
color.code.syntax.operator#ffa2a7proposed · blockedOperators in bright rose, separated from plain identifiers.
color.code.syntax.property#7e9ebbproposed · blockedObject properties in blue, matching the type family they belong to.
color.code.syntax.punctuation#b37175proposed · blockedPunctuation recedes; it is structure, not content.
color.code.syntax.string#86a46fproposed · blockedStrings in green.
color.code.syntax.tag#f07178approved · blockedD-041 code.syntax.tag: color.primitive.modern.red.
color.code.syntax.type#7e9ebbproposed · blockedTypes in blue.
color.code.syntax.variable#e99499approved · blockedD-041 rose coding text reduces glare while syntax hues distinguish meaning.
color.code.whitespace#986f72approved · blockedD-041 code.whitespace: color.primitive.modern.control.
color.diagnostic.error.bg#2b0e0dobserved · blockedError line background.
color.diagnostic.error.stripe#e53935observed · blockedError stripe mark.
color.diagnostic.error.text#f73f35observed · blockedError message text.
color.diagnostic.error.underline#e53935observed · blockedError wavy underline.
color.diagnostic.hint.underline#bd787dapproved · blockedD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.diagnostic.info.text#82b4ffapproved · blockedD-041 diagnostic.info.text: color.primitive.modern.blue.
color.diagnostic.info.underline#82b4ffapproved · blockedD-041 diagnostic.info.underline: color.primitive.modern.blue.
color.diagnostic.unused.text#d4868bapproved · blockedD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.diagnostic.warning.stripe#e5c07bapproved · blockedD-041 diagnostic.warning.stripe: color.primitive.modern.amber.
color.diagnostic.warning.text#e5c07bapproved · blockedD-041 diagnostic.warning.text: color.primitive.modern.amber.
color.diagnostic.warning.underline#e5c07bapproved · blockedD-041 diagnostic.warning.underline: color.primitive.modern.amber.
color.diff.added.bg#0f1a0eapproved · blockedAdded line background.
color.diff.added.emphasis#82d9a0approved · blockedD-041 diff.added.emphasis: color.primitive.modern.green.
color.diff.added.gutter#82d9a0approved · blockedD-041 diff.added.gutter: color.primitive.modern.green.
color.diff.added.shared-word#2c6540approved · blockedD-041 host-specific shared summary foreground and word background: about 3:1 against black and rose prose; never a generic ordinary-text role.
color.diff.conflict-border#f73f35observed · blockedConflict block: double 1px border.
color.diff.header-bg#241010observed · blockedHunk header background.
color.diff.modified.bg#1f1a0capproved · blockedModified line background.
color.diff.modified.gutter#e5c07bapproved · blockedD-041 diff.modified.gutter: color.primitive.modern.amber.
color.diff.removed.bg#2b0e0dobserved · blockedRemoved line background.
color.diff.removed.emphasis#e53935observed · blockedWord-level removal: underline and line-through.
color.diff.removed.gutter#e53935observed · blockedRemoved gutter mark and −.
color.diff.removed.shared-word#953d46approved · blockedD-041 host-specific shared summary foreground and word background: about 3:1 against black and rose prose; never a generic ordinary-text role.
color.icon.decorative#986f72approved · blockedD-041 icon.decorative: color.primitive.modern.control.
color.icon.default#e99499approved · blockedD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.interaction.disabled.bg#0d0707approved · blockedD-041 interaction.disabled.bg: color.primitive.modern.panel.
color.interaction.drop-target#e53935observed · blockedDashed drop-target border.
color.interaction.focus.ring#e53935observed · blocked1px dashed focus ring on controls and rows.
color.interaction.focus.ring-container#ffa2a7observed · blockedFocus colour for containers and explicitly mapped filled controls (D-015); component rules determine ring geometry.
color.interaction.hover.bg#1c1010approved · blockedD-041 interaction.hover.bg: color.primitive.modern.hover.
color.interaction.hover.bg-strong#1c1010approved · blockedD-041 interaction.hover.bg-strong: color.primitive.modern.hover.
color.interaction.marqueergb(145 20 16 / 12%)observed · blockedDrag marquee and ghost.
color.interaction.pressed.bg#420f0cobserved · blockedPressed fill.
color.interaction.scrollbar.thumb#986f72approved · blockedD-041 interaction.scrollbar.thumb: color.primitive.modern.control.
color.interaction.scrollbar.thumb-hover#d4868bapproved · blockedD-041 interaction.scrollbar.thumb-hover: color.primitive.modern.muted.
color.interaction.scrollbar.track#000000approved · blockedD-041 interaction.scrollbar.track: color.primitive.ink.0.
color.interaction.selection.bg#531310approved · blockedSelected row, tab, workspace; D-027 recessed the fill, leaving the 2px indicator and the check to carry selection.
color.interaction.selection.inactive-bg#420f0cobserved · blockedSelection while the container is not focused.
color.interaction.selection.inactive-text#e99499approved · blockedD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.interaction.selection.text#f4eeeeobserved · blockedText on the selection.
color.interaction.text-selection.bg#420f0cobserved · blockedD-041 subdued burgundy selection keeps rose text readable in hosts retaining its foreground.
color.interaction.text-selection.text#f4eeeeobserved · blocked::selection text.
color.interaction.text-selection.tintrgb(145 20 16 / 50%)approved · blockedText selection on hosts that keep the text colour inside a selection. It is translucent, so it also suits hosts that paint the fill over their content. Text drawn on it keeps 4.5:1 over the canvas, raised and accent surfaces; text it is painted over, and links, do not (D-036).
color.primitive.alpha.black-55rgb(0 0 0 / 55%)observed · blockedFloating-window shadow.
color.primitive.alpha.black-65rgb(0 0 0 / 65%)observed · blockedModal backdrop; unifies the site's 62–72% backdrops.
color.primitive.alpha.red-12rgb(145 20 16 / 12%)observed · blockedDrag marquee.
color.primitive.alpha.red-50rgb(145 20 16 / 50%)approved · blockedD-036 text-selection tint: red.350 at 50%, for hosts that keep the text colour inside a selection.
color.primitive.alpha.red-6rgb(145 20 16 / 6%)observed · blockedWallpaper stripe.
color.primitive.alpha.transparentrgb(0 0 0 / 0%)observed · blockedNo fill.
color.primitive.amber.500#c9973fapproved · blockedWarning text, border and fill (7.54:1 on canvas).
color.primitive.amber.600#d6a24bproposed · blockedBright yellow slot in the extended terminal palette.
color.primitive.amber.tint#1f1a0capproved · blockedWarning and modified backgrounds.
color.primitive.ansi-readable.1#e84b4bapproved · blockedHeritage slot 1 (#c81a1a, 3.42:1) lifted to 5.23:1 on the terminal background.
color.primitive.ansi-readable.10#dc4f49approved · blockedHeritage slot 10 (#ad2721, 2.92:1) lifted to 4.97:1 on the terminal background.
color.primitive.ansi-readable.12#db433aapproved · blockedHeritage slot 12 (#871f19, 2.12:1) lifted to 4.61:1 on the terminal background.
color.primitive.ansi-readable.13#ed5360approved · blockedHeritage slot 13 (#e82132, 4.43:1) lifted to 5.67:1 on the terminal background.
color.primitive.ansi-readable.14#e6565aapproved · blockedHeritage slot 14 (#e0292f, 4.28:1) lifted to 5.52:1 on the terminal background.
color.primitive.ansi-readable.15#b17e81approved · blockedHeritage slot 15 (#a3676b, 4.45:1) lifted to 5.83:1 on the terminal background.
color.primitive.ansi-readable.4#e53131approved · blockedHeritage slot 4 (#8c1212, 2.09:1) lifted to 4.55:1 on the terminal background.
color.primitive.ansi-readable.8#b71c17approved · blockedHeritage slot 8 (#7d1310, 1.86:1) lifted to 3.01:1 on the terminal background; kept as the dim tier, not a text colour.
color.primitive.ansi-readable.9#ea3833approved · blockedHeritage slot 9 (#ab1612, 2.70:1) lifted to 4.83:1 on the terminal background.
color.primitive.ansi.0#0c0909observed · blockedcolor0
color.primitive.ansi.1#c81a1aobserved · blockedcolor1
color.primitive.ansi.10#ad2721observed · blockedcolor10
color.primitive.ansi.11#b37175observed · blockedcolor11
color.primitive.ansi.12#871f19observed · blockedcolor12
color.primitive.ansi.13#e82132observed · blockedcolor13
color.primitive.ansi.14#e0292fobserved · blockedcolor14
color.primitive.ansi.15#a3676bobserved · blockedcolor15
color.primitive.ansi.2#bd787dobserved · blockedcolor2
color.primitive.ansi.3#d4868bobserved · blockedcolor3
color.primitive.ansi.4#8c1212observed · blockedcolor4
color.primitive.ansi.5#f73f35observed · blockedcolor5
color.primitive.ansi.6#9e474aobserved · blockedcolor6
color.primitive.ansi.7#ffa2a7observed · blockedcolor7
color.primitive.ansi.8#7d1310observed · blockedcolor8
color.primitive.ansi.9#ab1612observed · blockedcolor9
color.primitive.blue.500#7e9ebbapproved · blockedInfo text, border and fill (7.08:1 on canvas).
color.primitive.blue.600#9ab3c9proposed · blockedBright blue slot in the extended terminal palette.
color.primitive.blue.tint#0f141capproved · blockedInfo background.
color.primitive.coral.700#ff7a66approved · blockedD-032 coral for terminal slot 6: warm and vivid so highlighted names stand apart from the rose text (7.77:1 on the terminal background).
color.primitive.green.500#86a46fapproved · blockedSuccess text, border and fill (7.13:1 on canvas).
color.primitive.green.600#7fbf7aobserved · blockedThe greeter's systemd OK; bright green slot in the extended terminal palette.
color.primitive.green.tint#0f1a0eapproved · blockedAdded-line background.
color.primitive.ink.0#000000observed · blockedThe desktop behind every window.
color.primitive.ink.14#090707approved · blockedTrue Black / Rose surface primitive; D-023.
color.primitive.ink.15#0a0707observed · blockedSunken reading and detail panes.
color.primitive.ink.20#0c0909observed · blockedTerminal and canvas background; Xresources color0 and *background.
color.primitive.ink.25#100909observed · blockedWindow chrome and title bars.
color.primitive.ink.28#100c0capproved · blockedTrue Black / Rose surface primitive; D-023.
color.primitive.ink.30#160b0bobserved · blockedDefault panel surface.
color.primitive.ink.40#1c0a09observed · blockedAlternate chrome; hover rows; current line.
color.primitive.ink.52#241010observed · blockedRaised surface: sticky headers, menus, popovers.
color.primitive.ink.60#2b0e0dobserved · blockedHairline divider; folds the site's six near-identical hairlines.
color.primitive.modern.amber#e5c07bapproved · blockedD-041 amber colour.
color.primitive.modern.blue#82b4ffapproved · blockedD-041 blue colour.
color.primitive.modern.bright#f4eeeeapproved · blockedD-041 bright colour.
color.primitive.modern.bright-amber#f2d49bapproved · blockedD-041 bright-amber colour.
color.primitive.modern.bright-blue#a4caffapproved · blockedD-041 bright-blue colour.
color.primitive.modern.bright-cyan#a0e7e7approved · blockedD-041 bright-cyan colour.
color.primitive.modern.bright-green#a2edb8approved · blockedD-041 bright-green colour.
color.primitive.modern.bright-red#ff9095approved · blockedD-041 bright-red colour.
color.primitive.modern.bright-violet#dec0f4approved · blockedD-041 bright-violet colour.
color.primitive.modern.control#986f72approved · blockedD-041 control colour.
color.primitive.modern.cyan#78d4d4approved · blockedD-041 cyan colour.
color.primitive.modern.diff-shared-green#2c6540approved · blockedD-041 compromise for hosts sharing diff summary foreground and word background; not general text or ANSI.
color.primitive.modern.diff-shared-red#953d46approved · blockedD-041 compromise for hosts sharing diff summary foreground and word background; not general text or ANSI.
color.primitive.modern.disabled#a3676bapproved · blockedD-041 disabled colour.
color.primitive.modern.divider#482b2bapproved · blockedD-041 divider colour.
color.primitive.modern.green#82d9a0approved · blockedD-041 green colour.
color.primitive.modern.hover#1c1010approved · blockedD-041 hover colour.
color.primitive.modern.muted#d4868bapproved · blockedD-041 muted colour.
color.primitive.modern.overlay#1c1010approved · blockedD-041 overlay colour.
color.primitive.modern.panel#0d0707approved · blockedD-041 panel colour.
color.primitive.modern.raised#140b0bapproved · blockedD-041 raised colour.
color.primitive.modern.red#f07178approved · blockedD-041 red colour.
color.primitive.modern.subtle#bd787dapproved · blockedD-041 subtle colour.
color.primitive.modern.text#e99499approved · blockedD-041 text colour.
color.primitive.modern.violet#c7a0e8approved · blockedD-041 violet colour.
color.primitive.paper.100#f9faf9observed · blockedText on the critical toast.
color.primitive.paper.90#f4eeeeobserved · blockedProse and on-fill text.
color.primitive.red.100#531310observed · blockedDecorative hairline border.
color.primitive.red.150#630f0dobserved · blockedDark selection; dmenu selected background.
color.primitive.red.200#7d1310observed · blockedXresources color8. Never text.
color.primitive.red.250#8c1212observed · blockedXresources color4; i3 focused child border.
color.primitive.red.300#871f19observed · blockedXresources color12; the button fill.
color.primitive.red.350#911410observed · blockedSelection fill.
color.primitive.red.40#3d0c0aapproved · blockedD-035 accent surface for the user's own content: the deepest red of the owner's side-by-side comparison, with text.link at 4.55, text.muted at 4.90 and text.default at 7.30.
color.primitive.red.400#9e231fobserved · blockedStrong border; sticky header rule.
color.primitive.red.450#ab1612observed · blockedXresources color9.
color.primitive.red.50#420f0cobserved · blockedSoft selection; inactive selection; scrollbar thumb.
color.primitive.red.500#ad2721observed · blockedXresources color10.
color.primitive.red.550#ae1914observed · blockeddunst frame and conky accent.
color.primitive.red.650#c81a1aobserved · blockedXresources color1; i3 focused workspace background.
color.primitive.red.750#dc282eobserved · blockeddunst critical background; link underline.
color.primitive.red.760#e0292fobserved · blockedXresources color14; i3 focused border.
color.primitive.red.770#e82132observed · blockedXresources color13.
color.primitive.red.800#e53935observed · blockedFocus ring; active border; accent text on dark surfaces.
color.primitive.red.810#e95551approved · blockedD-029 code syntax red: red.800 (#e53935) lifted to 5.56:1 on the code background and 4.51:1 inside an editor selection (properties, headings, invalid text).
color.primitive.red.850#f73f35observed · blockedXresources color5; strong accent; danger text.
color.primitive.red.860#f7463capproved · blockedD-029 code syntax red: red.850 (#f73f35) lifted to 5.57:1 on the code background and 4.52:1 inside an editor selection (keywords, tags).
color.primitive.rose.300#8a5559approved · blockedDisabled text (3.33:1 on canvas; exempt, at least 3:1 by policy).
color.primitive.rose.320#9e474aobserved · blockedXresources color6.
color.primitive.rose.350#a3676bobserved · blockedXresources color15; 4.45:1 on canvas, so not ordinary text.
color.primitive.rose.450#ad7175approved · blockedSubtle text: metadata, comments, line numbers (5.10:1).
color.primitive.rose.550#b37175observed · blockedXresources color11.
color.primitive.rose.600#bd787dobserved · blockedXresources color2; muted text, the floor for chrome text (5.81:1).
color.primitive.rose.650#d4868bobserved · blockedXresources color3.
color.primitive.rose.700#e99499observed · blockedXresources *foreground; interface text.
color.primitive.rose.800#ffa2a7observed · blockedXresources color7; bright text, links, headings.
color.status.danger.border#e53935observed · blockedDanger border, 2px on invalid inputs.
color.status.danger.fill#dc282eobserved · blockedDanger fill.
color.status.danger.on-fill#f9faf9observed · blockedText on the danger fill (4.58:1).
color.status.danger.text#f07178observed · blockedD-041 readable error text on neutral surfaces and native warning tints.
color.status.danger.tint#2b0e0dobserved · blockedDanger background tint.
color.status.info.border#82b4ffapproved · blockedD-041 status.info.border: color.primitive.modern.blue.
color.status.info.fill#82b4ffapproved · blockedD-041 status.info.fill: color.primitive.modern.blue.
color.status.info.on-fill#000000approved · blockedText on the info fill (7.08:1).
color.status.info.text#82b4ffapproved · blockedD-041 status.info.text: color.primitive.modern.blue.
color.status.info.tint#0f141capproved · blockedInfo background tint.
color.status.neutral.border#986f72approved · blockedD-041 status.neutral.border: color.primitive.modern.control.
color.status.neutral.fill#986f72approved · blockedD-041 status.neutral.fill: color.primitive.modern.control.
color.status.neutral.on-fill#000000observed · blockedText on the neutral fill (4.71:1).
color.status.neutral.text#d4868bapproved · blockedD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.status.neutral.tint#140b0bapproved · blockedD-041 status.neutral.tint: color.primitive.modern.raised.
color.status.success.border#82d9a0approved · blockedD-041 status.success.border: color.primitive.modern.green.
color.status.success.fill#82d9a0approved · blockedD-041 status.success.fill: color.primitive.modern.green.
color.status.success.on-fill#000000approved · blockedText on the success fill (7.13:1).
color.status.success.text#82d9a0approved · blockedD-041 status.success.text: color.primitive.modern.green.
color.status.success.tint#0f1a0eapproved · blockedSuccess background tint.
color.status.warning.border#e5c07bapproved · blockedD-041 status.warning.border: color.primitive.modern.amber.
color.status.warning.fill#e5c07bapproved · blockedD-041 status.warning.fill: color.primitive.modern.amber.
color.status.warning.on-fill#000000approved · blockedText on the warning fill (7.54:1).
color.status.warning.text#e5c07bapproved · blockedD-041 status.warning.text: color.primitive.modern.amber.
color.status.warning.tint#1f1a0capproved · blockedWarning background tint.
color.surface.accent#3d0c0aapproved · blockedThe user's own content set apart from neighbouring surfaces, such as outgoing chat messages. text.default, text.bright, text.muted and text.link keep 4.5:1 on it; text.subtle does not (4.30), so secondary text on it uses text.muted (D-035).
color.surface.backdroprgb(0 0 0 / 65%)proposed · blockedBehind modal dialogs.
color.surface.canvas#000000approved · blockedPage and terminal background.
color.surface.chrome#000000approved · blockedD-041 surface.chrome: color.primitive.ink.0.
color.surface.chrome-alt#140b0bapproved · blockedD-041 surface.chrome-alt: color.primitive.modern.raised.
color.surface.code#000000approved · blockedSurface a static code block sits on, such as a document's pre: pure black like the canvas (D-023, D-039).
color.surface.default#0d0707approved · blockedD-041 surface.default: color.primitive.modern.panel.
color.surface.desktop#000000observed · blockedBehind every window.
color.surface.input#000000approved · blockedForm-control fill.
color.surface.overlay#1c1010approved · blockedD-041 surface.overlay: color.primitive.modern.overlay.
color.surface.raised#140b0bapproved · blockedD-041 surface.raised: color.primitive.modern.raised.
color.surface.sunken#000000approved · blockedReading and detail panes set below the canvas.
color.surface.terminal#000000approved · blockedSurface of a pane that hosts a terminal, around its cell grid (D-023, D-039).
color.terminal.ansi.0#0c0909proposed · blockedSemantic ANSI slot 0.
color.terminal.ansi.1#e53935proposed · blockedSemantic ANSI slot 1.
color.terminal.ansi.10#7fbf7aproposed · blockedSemantic ANSI slot 10.
color.terminal.ansi.11#d6a24bproposed · blockedSemantic ANSI slot 11.
color.terminal.ansi.12#9ab3c9proposed · blockedSemantic ANSI slot 12.
color.terminal.ansi.13#d4868bproposed · blockedSemantic ANSI slot 13.
color.terminal.ansi.14#ffa2a7proposed · blockedSemantic ANSI slot 14.
color.terminal.ansi.15#f4eeeeproposed · blockedSemantic ANSI slot 15.
color.terminal.ansi.2#86a46fproposed · blockedSemantic ANSI slot 2.
color.terminal.ansi.3#c9973fproposed · blockedSemantic ANSI slot 3.
color.terminal.ansi.4#7e9ebbproposed · blockedSemantic ANSI slot 4.
color.terminal.ansi.5#b37175proposed · blockedSemantic ANSI slot 5.
color.terminal.ansi.6#bd787dproposed · blockedSemantic ANSI slot 6.
color.terminal.ansi.7#e99499proposed · blockedSemantic ANSI slot 7.
color.terminal.ansi.8#ad7175proposed · blockedSemantic ANSI slot 8.
color.terminal.ansi.9#f73f35proposed · blockedSemantic ANSI slot 9.
color.terminal.bg#000000approved · blockedD-041 terminal.bg: color.primitive.ink.0.
color.terminal.cursor#ffa2a7approved · blockedD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.terminal.fg#ffa2a7approved · blockedD-041: bright rose terminal text for readable black-background shells.
color.terminal.prompt-bg#000000approved · blockedD-041 terminal.prompt-bg: color.primitive.ink.0.
color.terminal.prompt-text#ffa2a7approved · blockedD-041: bright rose terminal text for readable black-background shells.
color.terminal.selection-bg#420f0cobserved · blockedTerminal selection.
color.terminal.selection-text#f4eeeeobserved · blockedTerminal selection text.
color.text.accent#e53935observed · blockedAccent text on canvas and default surfaces only.
color.text.accent-strong#f73f35observed · blockedAccent text safe on every surface.
color.text.bright#ffa2a7approved · blockedD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.text.default#e99499approved · blockedD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.text.disabled#a3676bapproved · blockedD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.text.heading#f4eeeeapproved · blockedD-041 text.heading: color.primitive.modern.bright.
color.text.highlight#f4eeeeapproved · blockedD-041 text.highlight: color.primitive.modern.bright.
color.text.inverse#000000approved · blockedD-041 text.inverse: color.primitive.ink.0.
color.text.link#f73f35approved · blockedStrong red link text, distinct from rose body text and headings; retain the underline.
color.text.link-hover#f4eeeeobserved · blockedLink text on hover, over interaction.hover.bg-strong.
color.text.link-underline#dc282eobserved · blockedLink underline.
color.text.muted#d4868bapproved · blockedD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.text.on-action#ffa2a7approved · blockedBright rose text on primary-action fills in every state (D-033).
color.text.on-danger#f9faf9observed · blockedText on the danger fill.
color.text.on-light#000000approved · blockedD-041 text.on-light: color.primitive.ink.0.
color.text.on-selection#f4eeeeobserved · blockedText on the selection fill.
color.text.placeholder#bd787dapproved · blockedD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
color.text.prose#e99499approved · blockedNeutral long-form reading text; aliases text.default (D-041).
color.text.subtle#bd787dapproved · blockedD-041 owner correction: rose is the default UI and reading foreground; near-white is reserved for document headings, highlights and contrast-critical fills.
density.comfortable.control-height32pxobserved · blockedNo role description declared.
density.comfortable.control-padding-x12pxobserved · blockedNo role description declared.
density.comfortable.gap4pxobserved · blockedNo role description declared.
density.comfortable.icon16pxobserved · blockedNo role description declared.
density.comfortable.row-height36pxobserved · blockedNo role description declared.
density.compact.control-height24pxobserved · blockedNo role description declared.
density.compact.control-padding-x8pxobserved · blockedNo role description declared.
density.compact.gap2pxobserved · blockedNo role description declared.
density.compact.icon12pxobserved · blockedNo role description declared.
density.compact.row-height28pxobserved · blockedNo role description declared.
focus.offset-2pxobserved · blockedoutline-offset for controls.
focus.offset-container-3pxobserved · blockedoutline-offset for containers.
focus.offset-invalid-4pxobserved · blockedoutline-offset inside the 2px invalid border.
focus.ring1px dashed #e53935observed · blockedoutline on controls and rows.
focus.ring-container2px solid #ffa2a7observed · blockedoutline on focusable containers.
focus.ring-contrast1px dashed #ffa2a7approved · blockedoutline where the ordinary red ring would merge with what is under or beside it: controls on a fill and invalid fields beside the danger border; the control ring in the container colour (D-040).
font.family.mono"SauceCodePro NFM", "Source Code Pro", "Cascadia Mono", "Consolas", "Liberation Mono", "DejaVu Sans Mono", monospaceobserved · blockedOne family for chrome, reading and code. Not bundled; see theme.json font.
font.letter-spacing.terminal-0.5pxobserved · blockedURxvt letterSpace -1 at pixelsize 13, as the site renders it.
font.line-height.caption16pxobserved · blockedNo role description declared.
font.line-height.code19pxobserved · blockedNo role description declared.
font.line-height.display40pxapproved · blockedNo role description declared.
font.line-height.h128pxobserved · blockedNo role description declared.
font.line-height.h224pxobserved · blockedNo role description declared.
font.line-height.h318pxobserved · blockedNo role description declared.
font.line-height.reading24pxobserved · blockedNo role description declared.
font.line-height.terminal19pxobserved · blockedNo role description declared.
font.line-height.title32pxapproved · blockedNo role description declared.
font.line-height.ui-lg20pxobserved · blockedNo role description declared.
font.line-height.ui-md18pxobserved · blockedNo role description declared.
font.line-height.ui-sm16pxobserved · blockedNo role description declared.
font.size.caption11pxobserved · blockedOnly with text.muted or lighter.
font.size.code13pxobserved · blockedNo role description declared.
font.size.display32pxapproved · blockedPage heroes and metric figures on the portal (D-037).
font.size.h120pxobserved · blockedNo role description declared.
font.size.h216pxobserved · blockedNo role description declared.
font.size.h313pxobserved · blockedNo role description declared.
font.size.reading15pxobserved · blockedNo role description declared.
font.size.terminal13pxobserved · blockedURxvt pixelsize 13.
font.size.title24pxapproved · blockedPage titles above h1 on the portal (D-037).
font.size.ui-lg14pxobserved · blockedNo role description declared.
font.size.ui-md13pxobserved · blockedNo role description declared.
font.size.ui-sm12pxobserved · blockedNo role description declared.
font.weight.bold700observed · blockedNo role description declared.
font.weight.regular400observed · blockedNo role description declared.
icon.size.lg20pxobserved · blockedNo role description declared.
icon.size.md16pxobserved · blockedNo role description declared.
icon.size.sm12pxobserved · blockedNo role description declared.
icon.stroke1.5pxobserved · blockedSVG line icons, currentColor, no fill.
layout.app-max1440pxobserved · blockedApplication layout maximum.
layout.content-max680pxobserved · blockedReading column maximum.
layout.measure72observed · blockedReading measure in ch.
motion.duration.base120msobserved · blockedNo role description declared.
motion.duration.fast80msobserved · blockedNo role description declared.
motion.duration.slow150msobserved · blockedThe maximum. Reduced motion sets every duration to 0.01ms.
radius.none0pxobserved · blockedThe only radius. Nothing is rounded.
shadow.floating0px 6px 22px 0px rgb(0 0 0 / 55%)observed · blockedThe only shadow: the i3 floating window.
space.00pxobserved · blockedNo role description declared.
space.11pxobserved · blockedNo role description declared.
space.1212pxobserved · blockedNo role description declared.
space.1616pxobserved · blockedNo role description declared.
space.22pxobserved · blockedNo role description declared.
space.2424pxobserved · blockedNo role description declared.
space.3232pxobserved · blockedNo role description declared.
space.44pxobserved · blockedNo role description declared.
space.4848pxobserved · blockedNo role description declared.
space.88pxobserved · blockedNo role description declared.
z.canvas0observed · blockedNo role description declared.
z.dialog30observed · blockedNo role description declared.
z.drawer20observed · blockedNo role description declared.
z.popover10observed · blockedNo role description declared.
z.raised1observed · blockedNo role description declared.
z.skip-link1000observed · blockedNo role description declared.
z.toast40observed · blockedNo role description declared.