How to Customize Colors in Tailwind CSS Config

[@gamogamogamo]

1:50 Chrome has a really cool feature called CSS Overview that allows you to capture colors of the page. Go to dev tools -> three dot icon -> more tools -> CSS Overview

[@SuboptimalEng]

Thanks, that’s a good tip 👍

[@msdnsditlabs5328]

Keep it up good work buddy

[@rushabhdave6648]

This video is helpful

[@SuboptimalEng]

Thanks Rushabh!

[@pede6751]

how to use the color 'light-grey'? i can't use it..

[@SuboptimalEng]

I made that a custom color in the Tailwind config. You can easily find how to add your own custom colors by checking the documentation on Tailwind's website.

[@pede6751]

@@SuboptimalEng yes, but I still don't understand if I write like the 'light-grey' definition in the tailwindconfig, example: 'btn-mybtn' : 'the hex code..' I don't understand how to call that color in the component that I want to recolor it, because I try to write bg-btn-mybtn, it has no effect or became transparent..

[@lakshmichaitanya1316]

make a windows 10 clone i mean with the icons taskbar hover effects with tailwind(browser windows 10)

[@SuboptimalEng]

I’ll add it to my list of clone ideas

[@shivamsahil3660]

that's definitely not indian accent 🤣🤣

[@SuboptimalEng]

I should use my accent once just to make it authentic 😂