Un Moscerino Nel Web

Tag: tailwind css

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

    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.