The estela theme — estela's real @estela/ui palette as one theme, on its
dark ground. A chart tags a column with a role (<LineChart as="foam" />) and
the colour lives here, not at the call site. The proving consumer for "target
other uses too": the same engine, restyled by swapping this for
defaultTheme.
Line roles map to estela's palette tokens:
default → --es-estela#15B3A6 (primary / action — the brand teal)
foam → --es-foam#F1FBF9 (the shared "motion" trace estela uses for
its primary channels — power / speed / cadence all render foam)
hr → --es-filament#E0B36A (the rare warm accent — heart rate)
Chrome: --es-bg ground, --es-ink gridlines, --es-slate labels, and the
--es-font-data (JetBrains Mono) face for crisp numeric ticks (falls back to
ui-monospace where the webfont isn't loaded). Band fills: outer
(--es-reef) + inner (--es-shallows) for the two-tone variance spread.
The estela theme — estela's real
@estela/uipalette as one theme, on its dark ground. A chart tags a column with a role (<LineChart as="foam" />) and the colour lives here, not at the call site. The proving consumer for "target other uses too": the same engine, restyled by swapping this for defaultTheme.Line roles map to estela's palette tokens:
default→--es-estela#15B3A6(primary / action — the brand teal)foam→--es-foam#F1FBF9(the shared "motion" trace estela uses for its primary channels — power / speed / cadence all render foam)hr→--es-filament#E0B36A(the rare warm accent — heart rate)Chrome:
--es-bgground,--es-inkgridlines,--es-slatelabels, and the--es-font-data(JetBrains Mono) face for crisp numeric ticks (falls back toui-monospacewhere the webfont isn't loaded). Band fills:outer(--es-reef) +inner(--es-shallows) for the two-tone variance spread.