Getting started
Semantic tokens
Use semantic color tokens in components and recipes instead of raw palette steps.
Overview
Primitive Radix-style scales live in the preset as implementation detail; consumers and copied components should use semantic aliases such as bg.default, fg.muted, border.default, and accent.solid.
Panda recipes should rely on semantic tokens and shared preset utilities; avoid raw hex except where the preset defines intentional contrast pairs.
Themes such as rainbow remap semantic tokens; component source should not hardcode theme-specific values.
Token map
Watch semantic aliases remap across built-in themes without changing component code.
bg.defaultfg.defaultfg.mutedborder.defaultaccent.solidsuccess.solidwarning.soliddanger.solid