Files
zeekay 464e1eece0 State a version once
A version written into a manifest is written into every manifest that wants it,
which is how eslint came to exist in a hundred and four forms across this estate
and how a package came to resolve twice at run time. The catalog moves the number
out of the manifest: a manifest names the package, the workspace names the
version.

Four are held below their latest because the newer release cannot be used, and
the reason is recorded rather than the version alone: @noble/hashes 2 renamed
every subpath the web3 stack imports, @splinetool/runtime 2 depends on a package
that was never published, @dynamic-labs 5.4.1 the same, and react-resizable-panels
3 points its types condition at the bundle.
2026-09-15 11:45:32 -07:00
..
2026-09-15 11:45:32 -07:00
2026-09-15 11:45:32 -07:00
2026-09-15 11:45:32 -07:00
2026-09-15 11:45:32 -07:00

@signozhq/theme

The theme layer for the SigNoz design system: one stylesheet, no build step.

Colour, spacing and typography values live in @signozhq/design-tokens. This package adds the two things tokens alone do not provide:

  • the per-accent overrides selected by [data-theme-color] (blue, green, amber, cherry, aqua), in light and dark
  • base element defaults — the global border colour that a bare border declaration resolves against, the keyboard-only focus ring, and the page background and text colour

Usage

@import "@signozhq/design-tokens/dist/style.css";
@import "@signozhq/design-tokens/dist/themes/signoz-tokens.css";
@import "@signozhq/theme";

Order matters: the tokens define the variables, this file consumes them.

Pick an accent by setting the attribute on any ancestor, and dark mode with the dark class:

<html class="dark" data-theme-color="aqua">