Get rid of Tailwind CSS color warnings on both web browser console and command line.

Are you upset about Tailwind CSS (stupid) warnings? No worries, I have been done as well and I know what you are annoyed about.

If you are here maybe you bumped into the following warning message:

It also occur console side when you compile your project, in my case a Laravel 9.x installation.

Are you tired about that? Here’s the solution, mate, dont worry! Be happy!

In your tailwind.config.js file, edit the first rows. Remove/comment “const colors” in favour of “let colors”.

And add the following lines:

// removing old colors
delete colors.lightBlue;
delete colors.warmGray;
delete colors.trueGray;
delete colors.coolGray;
delete colors.blueGray;

You can then recompile your project ( in my case npm run dev ) and voilà … message will not bore you anymore.

Say bye bye to these messages:

warn - As of Tailwind CSS v2.2, lightBlue has been renamed to sky.
warn - As of Tailwind CSS v3.0, warmGray has been renamed to stone.
warn - As of Tailwind CSS v3.0, trueGray has been renamed to neutral.
warn - As of Tailwind CSS v3.0, coolGray has been renamed to gray.
warn - Update your configuration file to silence this warning.
warn - As of Tailwind CSS v3.0, blueGray has been renamed to slate.
warn - Update your configuration file to silence this warning.