Chuyển Chế độ Tối với Tailwind
Bản demo cơ bản về cách chuyển đổi kiểu với Tailwind, hữu ích cho mục đích chế độ tối.
Xem trước trực tiếp: https://tailwind-theme-switcher.netlify.app/
Đây là sự kết hợp của Theming Tailwind Demo của Adam Wathan, Hella Simple Eleventy + Tailwind CSS Starter, và Quick switch Themes with javascript của Katie Ball.
Để bắt đầu
Sao chép kho dữ liệu:
git clone https://github.com/huphtur/tailwind-theme-switcher
cd tailwind-theme-switcher
Cài đặt các phụ thuộc:
# Using npm
npm install
# Using Yarn
yarn
Khởi chạy máy chủ phát triển:
# Using npm
npm run serve
# Using Yarn
yarn serve
Bây giờ bạn nên có thể thấy dự án đang chạy tại localhost:8080
Xây dựng cho môi trường sản xuất
Để xây dựng phiên bản tối ưu hóa của CSS của bạn, chỉ cần chạy lệnh:
# Using npm
npm run build
# Using Yarn
yarn build
Sau khi hoàn thành, kiểm tra ./_site/styles.css để xem đầu ra đã được tối ưu hóa.
Thông tin tải về:
Tác giả: huphtur
Nguồn: https://github.com/huphtur/tailwind-theme-switcher
