API reference · Base colors

@oriatheme/colors

Stable base colors that do not change with a theme, plus Tailwind v4-compatible public CSS subpaths.

Package and environment

Static values; usable from JavaScript, CSS, and SSR environments.

bash

pnpm add @oriatheme/colors

bash

npm install @oriatheme/colors

bash

yarn add @oriatheme/colors

bash

bun add @oriatheme/colors

Use the package manager and lockfile already chosen by the consumer project. Examples use package-root exports only; do not deep-import from src, dist, or registry templates.

Exports

Export	Signature	Description
`oriaColors`	`OriaColors`	26 immutable named scales plus black, white, inherit, transparent, and current.
`oriaColorFamilies`	`readonly OriaColorFamily[]`	The 26 stable family names.
`oriaColorSteps`	`readonly OriaColorStep[]`	50 through 950 in eleven steps.
`toOriaColorVariable`	(family, step) => `--oria-palette-${family}-${step}`	Returns a stable base-color custom property name.

import { oriaColors, toOriaColorVariable } from "@oriatheme/colors";

const blue = oriaColors.blue[500];
const variable = toOriaColorVariable("blue", 500);

CSS

css

@import "@oriatheme/colors/styles.css";
@import "tailwindcss";
@import "@oriatheme/colors/tailwind.css";

Base colors never change with OriaTheme. Use semantic --oria-* variables written by the runtime for theme-responsive UI.