pantoken-root / shadcn

shadcn ​

Compatibility ​

Target: shadcn/ui CSS variables. Current format: Tailwind 4.3.3 compiles the Pantoken primary theme alias. Minimum host version: 4.3.3. Tested through 4.3.3. Newer releases require review.

Full compatibility matrix

Thử nghiệm

@pantoken/shadcn — theme shadcn/ui với các token Instructure.

toShadcnCss tạo ra một :root block trỏ các biến CSS của shadcn về var(--instui-*). Đặt nó cạnh @pantoken/css (định nghĩa các thuộc tính tùy chỉnh) và các thành phần shadcn sẽ nhận diện giao diện Instructure. Biểu tượng tự khớp — shadcn và Instructure đều dùng Lucide.

Giao diện ​

Biến ​

Hàm ​

Tham chiếu ​

default ​

Đổi tên và xuất lại shadcnCss