Référence API · Couleurs de base

@oriatheme/colors

Couleurs de base stables qui ne changent pas avec un thème, plus sous-chemins publics CSS compatibles Tailwind v4.

Forfait et environnement

Valeurs statiques ; utilisable à partir des environnements JavaScript, CSS et SSR.

bash

pnpm add @oriatheme/colors

bash

npm install @oriatheme/colors

bash

yarn add @oriatheme/colors

bash

bun add @oriatheme/colors

Utilisez le gestionnaire de packages et le fichier de verrouillage déjà choisis par le projet consommateur. Les exemples utilisent uniquement les exportations racine du package ; n'effectuez pas d'importation approfondie à partir de modèles src, dist ou de registre.

Exports

Exporter	Signature	Descriptif
`oriaColors`	`OriaColors`	26 échelles nommées immuables plus noir, blanc, hérité, transparent et actuel.
`oriaColorFamilies`	`readonly OriaColorFamily[]`	Les 26 noms de famille stables.
`oriaColorSteps`	`readonly OriaColorStep[]`	50 à 950 en onze étapes.
`toOriaColorVariable`	(family, step) => `--oria-palette-${family}-${step}`	Renvoie un nom de propriété personnalisée de couleur de base stable.

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";

Les couleurs de base ne changent jamais avec OriaTheme. Utilisez les variables sémantiques --oria-* écrites par le runtime pour une interface utilisateur adaptée au thème.