DerivedTheme

How this is generated

Source: lib/color/derive.ts. Script: scripts/build-reference.mts. Command: pnpm run generate.

Everything below is copied from the symbol, so a page is improved by improving its doc comment. The API index says why there is a page per symbol and what these pages still do not carry.

DerivedTheme

Everything derivation produces from one brand colour. Both ramps, every role in light and dark, the contrast checks, the warnings, and whether it is sound.

export interface DerivedTheme {
  brand: Oklch
  seed: Oklch
  brandRamp: Ramp
  neutralRamp: Ramp
  roles: Record<RoleName, RolePair>
  checks: ContrastCheck[]
  warnings: DeriveWarning[]
  sound: boolean
}