With Vue

This example uses Vue (created with vue-cli), and has the ability to toggle between themes, apart from showing a page with a nested section with dark theme. It shows you can use not only entire themed pages, but also themed sections, inside other themed sections!

Another feature of this example is that it detects automatically the user's preferred theme.

Test it

Clone the repo:

git clone https://github.com/estevanmaito/tailwindcss-multi-theme.git

Enter the project folder and execute it:

cd tailwindcss-multi-theme/examples/with-vue
npm install
npm run serve

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.