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[]`	11단계로 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로 변경되지 않습니다. 테마 반응형 UI를 위해 런타임에서 작성된 의미론적 --oria-* 변수를 사용하세요.