Brand (default)
vars.color.brand
createTheme docs example — blue
Vanilla Extract
3 token ngữ nghĩa chính thức
Tổng 3 màu
Giới thiệu Vanilla Extract
Vanilla Extract là công cụ CSS-in-TypeScript không có runtime. Theme được viết bằng createGlobalTheme và token thiết kế trở thành biến CSS có kiểu, được gán phạm vi.
Cách sử dụng
Viết token trong tệp .css.ts và tham chiếu chúng trong style. Dùng createTheme để chuyển đổi biến thể sáng/tối mà không lặp lại quy tắc style.
Brand (alternate)
vars.color.brand
Second createTheme variant — pink
Brand (contract)
vars.color.brand
Theme contract variant — red
Không có màu phù hợp
Nguồn: vanilla-extract · createTheme docs example