How to Add a Dark Mode Toggle in Tailwind CSS

Опубликовано: 25 Ноябрь 2024
на канале: Suboptimal Engineer
13,389
226

Last week, I made a Twitter UI clone with light and dark modes using Tailwind CSS. In this video, I go over how to set up a toggle between light and dark mode in your own Tailwind app. I do speak a little slowly in the video so I'd suggest watching it at 1.25 - 1.5x speed.

🐦 Twitter -   / suboptimaleng  
💻 GitHub - https://github.com/SuboptimalEng
🌎 Website - https://suboptimaleng.com

== [ Resources ] ==
Twitter Colors: https://usbrandcolors.com/twitter-col...
Doge Moon Pic:   / does_this_mean_we_made_it_to_the_moon  

== [ Timestamps ] ==
00:00 Intro
00:59 Dark Mode Setup in Tailwind Config
02:30 Turn Off Dark Mode
03:25 Add Dark Mode Toggle
06:00 Change Button UI in Dark Mode
06:50 Fin

== [ Tags ] ==
#suboptimal #vuejs #tailwindcss