Irodori彩り

Chakra UI

10 Farbfamilien × 10 Abstufungen

100 Farben

Überblick Chakra UI

Chakra UI v3 stellt semantische Farbtokens bereit, die in Familien wie blue gruppiert sind, jeweils mit Abstufungen 50 bis 950. Tokens steuern hellen und dunklen Modus automatisch.

Verwendung

Nutzen Sie Token-Syntax wie var(--chakra-colors-blue-500) oder das color-Prop. Erweitern Sie das Theme, um Markenpaletten hinzuzufügen, die den Dunkelmodus-Wechsel erben.

Offizielle Dokumentation

Gray

Abstufungen

Red

Abstufungen

Orange

Abstufungen

Yellow

Abstufungen

Green

Abstufungen

Teal

Abstufungen

Blue

Abstufungen

Cyan

Abstufungen

Purple

Abstufungen

Pink

Abstufungen

Quelle: Chakra UI · @chakra-ui/theme 3.4.1