API-Referenz · Grundfarben

@oriatheme/colors

Stabile Grundfarben, die sich mit einem Design nicht ändern, plus Tailwind v4-kompatible öffentliche CSS-Unterpfade.

Paket und Umgebung

Statische Werte; verwendbar in JavaScript-, CSS- und SSR-Umgebungen.

bash

pnpm add @oriatheme/colors

bash

npm install @oriatheme/colors

bash

yarn add @oriatheme/colors

bash

bun add @oriatheme/colors

Verwenden Sie den Paketmanager und die Sperrdatei, die bereits vom Verbraucherprojekt ausgewählt wurden. Beispiele verwenden nur Paket-Root-Exporte; Führen Sie keinen Deep-Import aus src-, dist- oder Registry-Vorlagen durch.

Exports

Exportieren	Unterschrift	Beschreibung
`oriaColors`	`OriaColors`	26 unveränderliche benannte Skalen plus Schwarz, Weiß, Vererbt, Transparent und Aktuell.
`oriaColorFamilies`	`readonly OriaColorFamily[]`	Die 26 stabilen Familiennamen.
`oriaColorSteps`	`readonly OriaColorStep[]`	50 bis 950 in elf Schritten.
`toOriaColorVariable`	(family, step) => `--oria-palette-${family}-${step}`	Gibt einen stabilen benutzerdefinierten Eigenschaftsnamen für die Grundfarbe zurück.

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

Mit OriaTheme ändern sich die Grundfarben nie. Verwenden Sie von der Laufzeit geschriebene semantische --oria-*-Variablen für eine auf Themes reagierende Benutzeroberfläche.