Dark/Light Theme Switcher with Tailwind CSS in React JS App
Learn how to create a dark/light mode switcher in a React JS project using Tailwind CSS. In the video, I'll show you how to toggle dark mode manually using the selector strategy.
Tailwind CSS Doc: https://tailwindcss.com/docs/dark-mode
Source code: https://github.com/DzmitryUr/weather-... (the whole Weather App project)
Build a Weather App Video: • Build a React JS Weather App with Vite, Ax...
⌚️Timestamps:
0:00 Design of the Dark/Light Theme Switcher
1:10 Enable dark mode in the tailwind.config.js
1:40 Create function Header component
6:01 Add 'dark' class to HTML tag in React code to enable Dark Mode
7:51 Apply dark style across the React project