Hệ thống thiết kế
255 bảng màu, mỗi bảng được chuyển thành các vai trò. Chọn một bảng và cả bộ thành phần thay đổi theo.
Cotton Violet
Sáng
- Chữ trên nền
- 18.7:1
- Màu nhấn trên nền
- 4.9:1
Đang chạy trực tiếp. Mọi điều khiển đều phản hồi.
Vai trò
Nền#FAFFFF
Mặt#F2F7F7
Nổi lên#E7ECEC
Lõm#EDF2F2
Đường mảnh#E0E5E5
Mực#0C1212
Dịu#5F6666
Mờ#8A9393
Nhấn#4E5DF6
Trên màu nhấn#FFFFFF
Trên màu mực#FAFFFF
Màu dữ liệu
#5465FF
#788BFF
#768AD5
#7A90B5
Token
Khối màu mà mọi thành phần trong bộ đều mang theo, điền sẵn cho Cotton Violet.
const t = {
bg: '#FAFFFF',
surface: '#F2F7F7',
raised: '#E7ECEC',
sunken: '#EDF2F2',
line: '#E0E5E5',
ink: '#0C1212',
muted: '#5F6666',
faint: '#8A9393',
accent: '#4E5DF6',
onAccent: '#FFFFFF',
onInk: '#FAFFFF',
}