Irodori彩り

Chakra UI

10 nhóm màu × 10 sắc độ

Tổng 100 màu

Giới thiệu Chakra UI

Chakra UI v3 cung cấp token màu ngữ nghĩa được nhóm theo họ như blue, mỗi họ có sắc độ 50 đến 950. Token tự động điều khiển cả chế độ sáng và tối.

Cách sử dụng

Dùng cú pháp token như var(--chakra-colors-blue-500) hoặc prop color. Mở rộng theme để thêm bảng màu brand kế thừa chuyển đổi dark mode.

Tài liệu chính thức

Gray

Sắc độ

Red

Sắc độ

Orange

Sắc độ

Yellow

Sắc độ

Green

Sắc độ

Teal

Sắc độ

Blue

Sắc độ

Cyan

Sắc độ

Purple

Sắc độ

Pink

Sắc độ

Nguồn: Chakra UI · @chakra-ui/theme 3.4.1