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