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