learning_ai_common_plat/dashboards/ux-lab/bolt-command-palette-kit/UX_TOKEN_CONTRACT.md

462 B

UX Token Contract (Shared)

Define these CSS variables in src/app/globals.css under :root and optionally provide a .dark override.

  • --ux-bg
  • --ux-surface
  • --ux-surface-2
  • --ux-border
  • --ux-text
  • --ux-text-muted
  • --ux-accent
  • --ux-accent-foreground
  • --ux-danger
  • --ux-warning
  • --ux-success
  • --ux-ring
  • --ux-shadow

Usage examples:

  • bg-[var(--ux-surface)]
  • text-[var(--ux-text)]
  • border-[var(--ux-border)]