@bimetal/tree-themes

Framework-agnostic CSS theme + design tokens for the BIMETAL tree/hierarchy (@bimetal/tree-headless + its render bindings). Light by default, with a dark palette via data-theme="dark".

The theme styles the canonical .bm-tree* DOM that the bindings render (the same structure the vanilla mountTree and the framework adapters emit) — no dedicated component package is required.

Usage

import '@bimetal/tree-themes';

Then render the standard tree structure (root element carries class="bm-tree"). All colour, surface, and shape come from CSS custom properties scoped to .bm-tree; the per-instance indent/row geometry stays inline (--tree-indent / --tree-row, set by treeCssVars()).

Dark mode

<div class="bm-tree" data-theme="dark"> … </div>

Overriding tokens

Every visual value is a --bmt-* custom property on .bm-tree — override any of them in your own stylesheet to retheme without touching the component CSS.