Docs
Config
Tokens are set in
bon.config.ts. Edit that file; do not hard-code hex colors or one-off spacing in pages.bon.config.ts
Kit version, palette, button/panel radius, spacing roles, and type roles.
Palettes: neutral, zinc, slate, rose, green. Switch them in the playground at /theme. Light / dark / system mode is stored in localStorage; the palette comes from config.
Spacing roles become utilities such as px-page-x, p-panel, and gap-section-inner. Type roles become text-page-title, text-body, text-caption.
How to add a token or palette is in the skill. Live spacing and type demos: /spacing and /text.