Guides

Extending BR-UI

Extend through CSS variables and registry items. Avoid forking component internals unless the interaction contract changes.

Allowed extension points

Accent	Set `--accent` on a subtree or via `BRThemeProvider`.
Density	Use `--pad-x`, `--pad-y`, `--gap`, and `--space-*`.
Variant	Add a new `[data-variant]` block only when the whole product needs a fourth visual language.
Font	Change `--font-ui`, `--font-data`, or `--font-meta`; keep display on Clash.