This is the easy bit...! The challenge is getting colour palettes that work well together and using the right colours in the right places... It gets _really_ confusing!
Funny enough, I’m building a free tool to help with this literally right now 😂😂 there’s a few good ones (Real Time Colors by Juxtopposed is awesome) but I’m building something a bit simpler and more developer focused 😁
For those with access to Tailwind UI components, you can simply use the colors from the prebuilt components for both light and dark modes, and then proceed with the tutorial. This is particularly helpful for those who correctly point out that selecting the right colors can be the most challenging part. Here's another useful tip: if you have a specific color in light mode, such as `bg-gray-800`, there's a good chance that `bg-gray-200` works well in dark mode. Essentially, the formula is: dark_color = light_color - 800, and vice versa. Unless you have a much more custom palette, of course.
So for this video, I just grabbed some colors from the tailwind site :) There's a bunch of different color generators out there, and I'm actually building my own right now haha. If you check back in a week or so on my site you should see that :)
got a headache watching videos on this topic for hours understanding nothing, very clear and straight to the point🔥
Very very cool!! I love how you explain things! No faff just straight to exactly what’s needed! 👏👏✨
wow that is explained so well and straight to the point, hoping you have a full on course coming out soon ...
I will absolutely do a full length tailwind vid soon :)
so useful stuff in such a short video
Thank you!! :D
Wow never thought this would be this easy TT, thankyou very much
This is the best video on topic. I'm using next js so I'll try to do the same but to use cookies instead of local storage
Pretty cool man! Great video.
Thank you!! 😁
Awesome approach!
I watched this video long ago, I though I saw this in instagram 😅, but I finally founded here hehe
Very useful. Thanks! 🎉
This is the easy bit...! The challenge is getting colour palettes that work well together and using the right colours in the right places... It gets _really_ confusing!
Funny enough, I’m building a free tool to help with this literally right now 😂😂 there’s a few good ones (Real Time Colors by Juxtopposed is awesome) but I’m building something a bit simpler and more developer focused 😁
@@tomisloadinggreat man share with us
For those with access to Tailwind UI components, you can simply use the colors from the prebuilt components for both light and dark modes, and then proceed with the tutorial. This is particularly helpful for those who correctly point out that selecting the right colors can be the most challenging part. Here's another useful tip: if you have a specific color in light mode, such as `bg-gray-800`, there's a good chance that `bg-gray-200` works well in dark mode. Essentially, the formula is: dark_color = light_color - 800, and vice versa. Unless you have a much more custom palette, of course.
Thank you Tom
if u use this
primary: 'rgba(var(--color-primary), )',
than opacity will work
So Good, that I wanna recreate this 🤧
thanks you helped a lot!
Happy I could help :)
the only problem with this is that we can't see the small previewed colour in the class name
Loved it thanks
Happy i can help! :)
How simple and useful. Thank you very much for this
How to get the rgba numbers for dark theme and light theme like you have is there any website ?
By the way awesome video ❤👌
So for this video, I just grabbed some colors from the tailwind site :)
There's a bunch of different color generators out there, and I'm actually building my own right now haha. If you check back in a week or so on my site you should see that :)
You're a fucking legend.
😎
What about colors with intensity? Like blue-400 ?
Cool!
thanks
I pressed like 11 times
wow