Chakra UI

概要 Chakra UI

Chakra UI v3 は blue などのファミリーにまとめられたセマンティックなカラートークンを公開し、各ファミリーは 50〜950 の階調を持ちます。トークンはライト・ダーク両モードを自動で駆動します。

使い方

var(--chakra-colors-blue-500) のようなトークン記法や color プロップを使います。テーマを拡張してダークモード切り替えを継承するブランドパレットを追加できます。