@bimetal/kanban-themes
v0.35.0
Published
Framework-agnostic CSS theme + design tokens for the BIMETAL kanban board (light/dark).
Maintainers
Readme
@bimetal/kanban-themes
Framework-agnostic CSS theme + design tokens for the BIMETAL kanban board. Shared by every stack's kanban component (React, Vue, …) — the look lives here, once.
Installation
npm install @bimetal/kanban-themesUsage
Import once where your board mounts (the React component package re-exports it via @bimetal/kanban-react-components/styles):
import '@bimetal/kanban-themes';All classes are prefixed bm-kanban and all colour/geometry comes from CSS custom properties scoped to the board root (.bm-kanban), so nothing leaks into the host page.
Dark mode
Set data-theme="dark" on the board root (the component does this from its darkMode prop):
<div class="bm-kanban" data-theme="dark"> … </div>Override any token to re-skin:
.bm-kanban { --bmk-accent: hotpink; --bmk-radius: 4px; }License
Apache License 2.0
