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.