You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Migrate all ~117 usages of legacy color token aliases (across 64 files) to canonical semantic tokens, then delete the legacy alias section from index.css (lines 116–148).
Legacy tokens to migrate:
Legacy token
Current alias target
Likely canonical replacement
text-primary
foreground (gray-900)
text-foreground
text-secondary
muted-foreground (gray-500)
text-muted-foreground
background-default
background (white)
bg-background
background-secondary
primary-subtle (brand-50)
bg-primary-subtle
primary-light
brand-300
evaluate per-site
primary-main
primary (brand-500)
bg-primary / text-primary
primary-dark
primary-foreground (brand-700)
text-primary-foreground
error-light
red-300
evaluate per-site
error-main
danger (red-500)
text-danger / bg-danger
error-dark
danger-foreground (red-700)
text-danger-foreground
success-main
success (emerald-500)
text-success / bg-success
warning-main
warning (amber-500)
text-warning / bg-warning
background-color-default
background
bg-background
background-color-secondary
muted (gray-100)
bg-muted
background-color-secondary-subtle
primary-subtle (brand-50)
bg-primary-subtle
background-color-brand
primary (brand-500)
bg-primary
background-color-brand-hover
primary-hover (brand-600)
bg-primary-hover
background-color-brand-subtle
primary-subtle (brand-50)
bg-primary-subtle
background-color-brand-subtle-hover
primary-subtle-hover (brand-100)
bg-primary-subtle-hover
text-color-danger
danger-foreground (red-700)
text-danger-foreground
text-color-brand
primary-foreground (brand-700)
text-primary-foreground
border-color-input
input-border (gray-300)
border-input-border
Process:
Batch by token (one commit per legacy token or small group)
For each usage, choose the canonical token based on intent, not mechanical alias following
If a usage doesn't map cleanly to any existing semantic token, that's a gap — add a new token with justification and update the draft design.md
After all usages migrated, delete the entire legacy section from index.css
Acceptance Criteria
Zero usages of any legacy token alias in the codebase
Legacy alias section (lines 116–148) deleted from index.css
Any new tokens added are documented in draft design.md
Migrate all ~117 usages of legacy color token aliases (across 64 files) to canonical semantic tokens, then delete the legacy alias section from
index.css(lines 116–148).Legacy tokens to migrate:
text-primaryforeground(gray-900)text-foregroundtext-secondarymuted-foreground(gray-500)text-muted-foregroundbackground-defaultbackground(white)bg-backgroundbackground-secondaryprimary-subtle(brand-50)bg-primary-subtleprimary-lightbrand-300primary-mainprimary(brand-500)bg-primary/text-primaryprimary-darkprimary-foreground(brand-700)text-primary-foregrounderror-lightred-300error-maindanger(red-500)text-danger/bg-dangererror-darkdanger-foreground(red-700)text-danger-foregroundsuccess-mainsuccess(emerald-500)text-success/bg-successwarning-mainwarning(amber-500)text-warning/bg-warningbackground-color-defaultbackgroundbg-backgroundbackground-color-secondarymuted(gray-100)bg-mutedbackground-color-secondary-subtleprimary-subtle(brand-50)bg-primary-subtlebackground-color-brandprimary(brand-500)bg-primarybackground-color-brand-hoverprimary-hover(brand-600)bg-primary-hoverbackground-color-brand-subtleprimary-subtle(brand-50)bg-primary-subtlebackground-color-brand-subtle-hoverprimary-subtle-hover(brand-100)bg-primary-subtle-hovertext-color-dangerdanger-foreground(red-700)text-danger-foregroundtext-color-brandprimary-foreground(brand-700)text-primary-foregroundborder-color-inputinput-border(gray-300)border-input-borderProcess:
index.cssAcceptance Criteria
index.csspnpm checkspassespnpm testpassesRelated Issues
Important
Internal only — this issue is maintained by the core team and is not accepting external contributions.