Irodori彩り

Panda CSS

22개 색상 계열 × 11개 색조

총 242가지 색상

개요 Panda CSS

Panda CSS는 빌드 타임 CSS-in-JS 엔진으로, preset-panda가 완전한 색 스케일을 제공합니다. 토큰은 완전히 타입화되며 의미형이거나 원시값일 수 있습니다.

사용 방법

theme.extend.tokens.colors 아래에 색을 정의하고 cx/recipe API나 유틸리티 클래스로 사용하세요. Panda는 정적 CSS를 내보내 런타임 비용이 없습니다.

공식 문서

Rose

색조

Pink

색조

Fuchsia

색조

Purple

색조

Violet

색조

Indigo

색조

Blue

색조

Sky

색조

Cyan

색조

Teal

색조

Emerald

색조

Green

색조

Lime

색조

Yellow

색조

Amber

색조

Orange

색조

Red

색조

Neutral

색조

Stone

색조

Zinc

색조

Gray

색조

Slate

색조

출처: Panda CSS · @pandacss/preset-panda