Справочник API · Базовые цвета

@oriatheme/colors

Стабильные базовые цвета, которые не меняются вместе с темой, а также общедоступные подпути CSS, совместимые с Tailwind v4.

Упаковка и окружающая среда

Статические значения; можно использовать в средах JavaScript, CSS и SSR.

bash

pnpm add @oriatheme/colors

bash

npm install @oriatheme/colors

bash

yarn add @oriatheme/colors

bash

bun add @oriatheme/colors

Используйте менеджер пакетов и файл блокировки, уже выбранный потребительским проектом. В примерах используется только экспорт корня пакета; не выполняйте глубокий импорт из шаблонов src, dist или реестра.

Exports

Экспорт	Подпись	Описание
`oriaColors`	`OriaColors`	26 неизменяемых именованных шкал, а также черный, белый, наследственный, прозрачный и текущий.
`oriaColorFamilies`	`readonly OriaColorFamily[]`	26 устойчивых фамилий.
`oriaColorSteps`	`readonly OriaColorStep[]`	От 50 до 950 за одиннадцать шагов.
`toOriaColorVariable`	(family, step) => `--oria-palette-${family}-${step}`	Возвращает имя пользовательского свойства стабильного базового цвета.

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

Базовые цвета никогда не меняются с OriaTheme. Используйте семантические переменные --oria-*, написанные средой выполнения для пользовательского интерфейса, реагирующего на темы.