Laravel 8 jetstream Tailwindcss colors not showing

  jetstream, laravel, tailwind-css

I’ve just installed Laravel 8 Jetstream.

In the Tailwindcss docs there are several colors.

I got this badge code:

<span class="text-xs px-2 py-0.5 rounded font-bold bg-green-500 text-white ">
    Success
</span>

In this case I want to use the bg-green-500 color but it is not working. However, if I change it to bg-indigo-600 it does work.

app.css

@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';

Why can’t I use other colors (bg-red-500 doesn’t work either)? What am I missing?

Source: Laravel

Leave a Reply