APIリファレンス・ベースカラー

@oriatheme/colors

テーマによって変化しない安定した基本色に加え、Tailwind v4 互換のパブリック CSS サブパス。

パッケージと環境

静的な値。 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 までの 11 段階。
`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 ではベースカラーが変わることはありません。テーマ応答型 UI のランタイムによって書き込まれたセマンティック --oria-* 変数を使用します。