Easy Theming with TailwindCSS

This example shows how to utilize TailwindCSS (v3.1) together with CSS variables in order to implement a very dynamic theming solution for your websites and applications.

Here's the list of files touched in order to achieve the result shown in the video:

root
├── components/
│   └── ThemeSwitcher.js
├── hooks/
│   └── useTheme.js
├── pages/
│   ├── _app.js
│   └── index.js
├── styles/
│   └── globals.css
└── tailwind.config.js

Thanks for watching.

Kevin Østerkilde