v0.4.0

Tokens

Source: tokens/*.tokens.json (DTCG 2025.10). Generated into tokens.css; also as resolved JSON at latest/tokens.json.

Type

Display 32 / 600 Title 20 / 600 Heading 15 / 500 Body 13 / 400. Descriptions, comments and lists use one size. Meta 12. Timestamps, counts, hints. Mono 12 · TSK-142 · ⌘K

Colour (semantic)

VariableLightDark
--z-color-bg-default#FFFFFF#0E0F11
--z-color-bg-subtle#F7F8FA#16171A
--z-color-bg-muted#F0F1F4#1C1D21
--z-color-bg-inset#FAFBFC#0B0C0E
--z-color-bg-hover#F2F3F6#1A1C20
--z-color-bg-selected#EEF1FD#262B45
--z-color-bg-overlay#10121752#05060899
--z-color-border-default#E4E6EB#2A2C32
--z-color-border-muted#F0F1F4#1F2125
--z-color-border-strong#D2D5DD#3A3D44
--z-color-fg-default#16181D#E6E7EA
--z-color-fg-muted#4B5060#A3A7B0
--z-color-fg-subtle#60667A#9A9EA8
--z-color-fg-on-accent#FFFFFF#0E0F11
--z-color-fg-on-status#FFFFFF#0E0F11
--z-color-accent-emphasis#3355E8#7C93FF
--z-color-accent-hover#2441C2#9AABFF
--z-color-accent-subtle#E7ECFF#262B45
--z-color-accent-fg#2441C2#B9C5FF
--z-color-status-backlog#8A8F9C#7D818C
--z-color-status-todo#8A8F9C#7D818C
--z-color-status-progress#C77700#F0A93B
--z-color-status-review#3355E8#7C93FF
--z-color-status-done#1F8A4C#3FB86F
--z-color-status-canceled#8A8F9C#7D818C
--z-color-priority-urgent#D93F0B#F26B3A
--z-color-priority-bar#4B5060#C9CCD3
--z-color-priority-bar-off#D2D5DD#3A3D44
--z-color-success-subtle#E3F3EA#13261B
--z-color-success-fg#16683A#7FD6A1
--z-color-warning-subtle#FFF1DC#2B2417
--z-color-warning-fg#8A5300#F0C987
--z-color-danger-emphasis#D93F0B#F26B3A
--z-color-danger-subtle#FDE8E3#2E1712
--z-color-danger-fg#B42318#FF8A6B
--z-color-label-red#D93F0B#F26B3A
--z-color-label-blue#3355E8#7C93FF
--z-color-label-green#1F8A4C#3FB86F
--z-color-label-amber#C77700#F0A93B
--z-color-label-violet#8A5CF6#A98BFA
--z-color-label-gray#8A8F9C#7D818C
--z-color-focus#3355E8#9AABFF
--z-color-chat-surface#FFFFFF#000000
--z-color-chat-fg#1D1D1F#F5F5F7
--z-color-chat-fg-muted#636366#98989D
--z-color-chat-bubble-in#E9E9EB#262628
--z-color-chat-bubble-out#1D1D1F#3A3A3C
--z-color-chat-bubble-out-fg#FFFFFF#FFFFFF
--z-color-chat-field#F2F2F7#1C1C1E
--z-color-chat-hover#F2F2F7#1C1C1E
--z-color-chat-card#FFFFFF#1C1C1E
--z-color-chat-field-focus#E5E5EA#2C2C2E
--z-color-chat-selected#E5E5EA#2C2C2E
--z-color-chat-hairline#D8D8DC#38383A
--z-color-chat-primary#1D1D1F#F5F5F7
--z-color-chat-primary-fg#FFFFFF#000000
--z-color-orb-core#060A1E#060A1E
--z-color-orb-teal#22E3B6#22E3B6
--z-color-orb-blue#2F7BFF#2F7BFF
--z-color-orb-pink#FF4FA3#FF4FA3
--z-color-orb-amber#FFB547#FFB547
--z-color-orb-highlight#FFFFFF#FFFFFF
--z-color-orb-shade#000000#000000

Contrast (checked at build, WCAG 2.2 AA)

ThemePairRatioMinimum
lightfg.default on bg.default17.76:14.5:1
lightfg.muted on bg.default8.03:14.5:1
lightfg.subtle on bg.default5.71:14.5:1
lightfg.default on bg.subtle16.71:14.5:1
lightfg.muted on bg.subtle7.56:14.5:1
lightfg.subtle on bg.subtle5.37:14.5:1
lightfg.muted on bg.inset7.75:14.5:1
lightaccent.fg on accent.subtle6.83:14.5:1
lightfg.on-accent on accent.emphasis5.82:14.5:1
lightsuccess.fg on success.subtle5.94:14.5:1
lightwarning.fg on warning.subtle5.69:14.5:1
lightdanger.fg on bg.default6.57:14.5:1
lightaccent.emphasis on bg.default5.82:13:1
lightstatus.progress on bg.default3.46:13:1
lightstatus.done on bg.default4.38:13:1
lightstatus.backlog on bg.default3.24:13:1
lightdanger.emphasis on bg.default4.5:13:1
lightfocus on bg.default5.82:13:1
lightborder.strong on bg.default1.47:11.4:1
lightfg.subtle on bg.hover5.14:14.5:1
lightfg.muted on bg.hover7.24:14.5:1
lightdanger.fg on bg.hover5.93:14.5:1
lightchat.fg on chat.surface16.83:14.5:1
lightchat.fg-muted on chat.surface5.99:14.5:1
lightchat.fg on chat.bubble-in13.88:14.5:1
lightchat.bubble-out-fg on chat.bubble-out16.83:14.5:1
lightchat.fg on chat.field15.08:14.5:1
lightchat.fg-muted on chat.field5.37:14.5:1
lightchat.fg on chat.card16.83:14.5:1
lightchat.fg-muted on chat.card5.99:14.5:1
lightchat.primary-fg on chat.primary16.83:14.5:1
lightchat.fg on chat.hover15.08:14.5:1
lightchat.fg-muted on chat.hover5.37:14.5:1
lightdanger.fg on chat.card6.57:14.5:1
lightdanger.fg on chat.hover5.89:14.5:1
lightwarning.fg on chat.card6.33:14.5:1
lightsuccess.fg on chat.card6.83:14.5:1
lightaccent.fg on chat.surface8.05:14.5:1
lightaccent.fg on chat.card8.05:14.5:1
lightdanger.fg on chat.surface6.57:14.5:1
lightwarning.fg on chat.surface6.33:14.5:1
lightfocus on chat.surface5.82:13:1
lightaccent.emphasis on chat.field5.22:13:1
lightchat.fg on chat.field-focus13.41:14.5:1
lightchat.fg-muted on chat.field-focus4.77:14.5:1
lightchat.fg-muted on chat.field5.37:13:1
lightchat.fg-muted on chat.surface5.99:13:1
lightchat.fg on chat.selected13.41:14.5:1
lightchat.fg-muted on chat.selected4.77:14.5:1
lightaccent.emphasis on chat.field-focus4.64:13:1
lightchat.fg-muted on chat bar (95% surface) over chat.bubble-out5.44:14.5:1
lightchat.fg-muted on chat bar (95% surface) over chat.primary5.44:14.5:1
lightchat.fg-muted on chat bar (95% surface) over chat.bubble-in5.94:14.5:1
lightchat.fg-muted on chat bar (95% surface) over chat.card5.99:14.5:1
lightchat.fg-muted on chat bar (95% surface) over accent.emphasis5.59:14.5:1
lightchat.fg-muted on chat bar (95% surface) over chat.surface5.99:14.5:1
lightchat.fg on chat bar (95% surface) over chat.bubble-out15.3:14.5:1
lightchat.fg on chat bar (95% surface) over chat.primary15.3:14.5:1
lightchat.fg on chat bar (95% surface) over chat.bubble-in16.69:14.5:1
lightchat.fg on chat bar (95% surface) over chat.card16.83:14.5:1
lightchat.fg on chat bar (95% surface) over accent.emphasis15.72:14.5:1
lightchat.fg on chat bar (95% surface) over chat.surface16.83:14.5:1
lightwarning.fg on chat bar (95% surface) over chat.bubble-out5.75:14.5:1
lightwarning.fg on chat bar (95% surface) over chat.primary5.75:14.5:1
lightwarning.fg on chat bar (95% surface) over chat.bubble-in6.28:14.5:1
lightwarning.fg on chat bar (95% surface) over chat.card6.33:14.5:1
lightwarning.fg on chat bar (95% surface) over accent.emphasis5.91:14.5:1
lightwarning.fg on chat bar (95% surface) over chat.surface6.33:14.5:1
lightaccent.fg on chat bar (95% surface) over chat.bubble-out7.32:14.5:1
lightaccent.fg on chat bar (95% surface) over chat.primary7.32:14.5:1
lightaccent.fg on chat bar (95% surface) over chat.bubble-in7.98:14.5:1
lightaccent.fg on chat bar (95% surface) over chat.card8.05:14.5:1
lightaccent.fg on chat bar (95% surface) over accent.emphasis7.52:14.5:1
lightaccent.fg on chat bar (95% surface) over chat.surface8.05:14.5:1
darkfg.default on bg.default15.51:14.5:1
darkfg.muted on bg.default7.96:14.5:1
darkfg.subtle on bg.default7.15:14.5:1
darkfg.default on bg.subtle14.5:14.5:1
darkfg.muted on bg.subtle7.44:14.5:1
darkfg.subtle on bg.subtle6.68:14.5:1
darkfg.muted on bg.inset8.12:14.5:1
darkaccent.fg on accent.subtle8.25:14.5:1
darkfg.on-accent on accent.emphasis6.83:14.5:1
darksuccess.fg on success.subtle9.11:14.5:1
darkwarning.fg on warning.subtle9.81:14.5:1
darkdanger.fg on bg.default8.31:14.5:1
darkaccent.emphasis on bg.default6.83:13:1
darkstatus.progress on bg.default9.54:13:1
darkstatus.done on bg.default7.58:13:1
darkstatus.backlog on bg.default4.92:13:1
darkdanger.emphasis on bg.default6.34:13:1
darkfocus on bg.default8.81:13:1
darkborder.strong on bg.default1.76:11.4:1
darkfg.subtle on bg.hover6.36:14.5:1
darkfg.muted on bg.hover7.08:14.5:1
darkdanger.fg on bg.hover7.39:14.5:1
darkchat.fg on chat.surface19.29:14.5:1
darkchat.fg-muted on chat.surface7.31:14.5:1
darkchat.fg on chat.bubble-in13.87:14.5:1
darkchat.bubble-out-fg on chat.bubble-out11.35:14.5:1
darkchat.fg on chat.field15.63:14.5:1
darkchat.fg-muted on chat.field5.93:14.5:1
darkchat.fg on chat.card15.63:14.5:1
darkchat.fg-muted on chat.card5.93:14.5:1
darkchat.primary-fg on chat.primary19.29:14.5:1
darkchat.fg on chat.hover15.63:14.5:1
darkchat.fg-muted on chat.hover5.93:14.5:1
darkdanger.fg on chat.card7.37:14.5:1
darkdanger.fg on chat.hover7.37:14.5:1
darkwarning.fg on chat.card10.86:14.5:1
darksuccess.fg on chat.card9.75:14.5:1
darkaccent.fg on chat.surface12.49:14.5:1
darkaccent.fg on chat.card10.12:14.5:1
darkdanger.fg on chat.surface9.1:14.5:1
darkwarning.fg on chat.surface13.41:14.5:1
darkfocus on chat.surface9.64:13:1
darkaccent.emphasis on chat.field6.06:13:1
darkchat.fg on chat.field-focus12.8:14.5:1
darkchat.fg-muted on chat.field-focus4.85:14.5:1
darkchat.fg-muted on chat.field5.93:13:1
darkchat.fg-muted on chat.surface7.31:13:1
darkchat.fg on chat.selected12.8:14.5:1
darkchat.fg-muted on chat.selected4.85:14.5:1
darkaccent.emphasis on chat.field-focus4.96:13:1
darkchat.fg-muted on chat bar (95% surface) over chat.bubble-out7.18:14.5:1
darkchat.fg-muted on chat bar (95% surface) over chat.primary6.81:14.5:1
darkchat.fg-muted on chat bar (95% surface) over chat.bubble-in7.23:14.5:1
darkchat.fg-muted on chat bar (95% surface) over chat.card7.27:14.5:1
darkchat.fg-muted on chat bar (95% surface) over accent.emphasis7.01:14.5:1
darkchat.fg-muted on chat bar (95% surface) over chat.surface7.31:14.5:1
darkchat.fg on chat bar (95% surface) over chat.bubble-out18.94:14.5:1
darkchat.fg on chat bar (95% surface) over chat.primary17.97:14.5:1
darkchat.fg on chat bar (95% surface) over chat.bubble-in19.06:14.5:1
darkchat.fg on chat bar (95% surface) over chat.card19.16:14.5:1
darkchat.fg on chat bar (95% surface) over accent.emphasis18.47:14.5:1
darkchat.fg on chat bar (95% surface) over chat.surface19.29:14.5:1
darkwarning.fg on chat bar (95% surface) over chat.bubble-out13.17:14.5:1
darkwarning.fg on chat bar (95% surface) over chat.primary12.49:14.5:1
darkwarning.fg on chat bar (95% surface) over chat.bubble-in13.25:14.5:1
darkwarning.fg on chat bar (95% surface) over chat.card13.32:14.5:1
darkwarning.fg on chat bar (95% surface) over accent.emphasis12.85:14.5:1
darkwarning.fg on chat bar (95% surface) over chat.surface13.41:14.5:1
darkaccent.fg on chat bar (95% surface) over chat.bubble-out12.27:14.5:1
darkaccent.fg on chat bar (95% surface) over chat.primary11.64:14.5:1
darkaccent.fg on chat bar (95% surface) over chat.bubble-in12.34:14.5:1
darkaccent.fg on chat bar (95% surface) over chat.card12.41:14.5:1
darkaccent.fg on chat bar (95% surface) over accent.emphasis11.97:14.5:1
darkaccent.fg on chat bar (95% surface) over chat.surface12.49:14.5:1

Space, radius, size

space 1 → 12: radius sm · md · lg · full: