Theme
Đổi preset bằng nút ở góc trên bên phải. Mọi thứ trên trang này đổi theo — màu, bo góc và cả density — mà không có dòng code component nào thay đổi. Đó là toàn bộ điểm của tầng token.
Cài preset
Preset tự kéo theo theme-base và merge biến CSS thẳng vào globals.css của dự án.
npx shadcn@latest add @reno/theme-admin
npx shadcn@latest add @reno/theme-cms
npx shadcn@latest add @reno/theme-elearning
npx shadcn@latest add @reno/theme-erpSemantic color
--backgroundVăn bản mẫu Aa
--cardVăn bản mẫu Aa
--mutedVăn bản mẫu Aa
--primaryVăn bản mẫu Aa
--secondaryVăn bản mẫu Aa
--destructiveVăn bản mẫu Aa
--successVăn bản mẫu Aa
--warningVăn bản mẫu Aa
--infoVăn bản mẫu Aa
Brand ramp
Primitive token. Component không bao giờ đọc trực tiếp tầng này — chúng chỉ đọc semantic token ở trên.
50
100
200
300
400
500
600
700
800
900
950
Density
ERP nén chặt hơn e-learning. Cùng một component, khác giá trị token.
| Token | Giá trị hiện tại |
|---|---|
| --density-control-height | |
| --density-row-height | |
| --density-cell-padding-x | |
| --density-gap | |
| --density-font-size | |
| --radius |