@nbt-dev/theme
v0.1.0
Published
DESIGN.md-compatible theme tokens and compiler for Harness House products.
Readme
@nbt-dev/theme
The shared Harness House theme contract. It compiles DESIGN.md-compatible tokens into
scoped CSS without taking ownership of a host page's :root.
@import "@nbt-dev/theme/base.css";
@import "@nbt-dev/theme/tailwind.css";Add hh-theme to the document element. Add dark for dark mode. Product and
instance overrides should be compiled into the hh-theme-app and
hh-theme-instance cascade layers respectively.
The client-only @nbt-dev/theme/activity entry exports createAiWorkingDots, the
shared factory for the Paper-shader agent-activity indicator. UI packages inject
their own React and Paper instances, avoiding duplicate React runtimes while keeping
the visual contract centralized. The indicator reads --info-fg from the active
theme. Keep ordinary data-loading indicators separate: these dots specifically mean
that an agent is working.
@nbt-dev/theme/paper-mono.css provides the same self-hosted Paper Mono variable
font used by Harness House. Import it explicitly on surfaces that opt into the font,
then add hh-paper-mono alongside hh-theme.
It binds --font-mono only. Paper Mono is the machine voice — code, terminal
output, identifiers, agent tool traces — and prose stays on the theme's sans. A
surface that sets both has no way left to mark something as output.
