No colors in Laravel 9 Jetstream.

[01beacon]

First of all.. Great table! I love it..

My problem is that when trying to set it up in Laravel 9 Jetstream I can't add colors to my table, buttons, or anything inside the table. I use the same CSS classes as yesterday when I set it up in Laravel 9 Breeze but it doesn't want to show colors in Jetstream (only the default gray, white and black are possible.) Everything else except colors is working. Isn't it possible in Jetstream or am I missing something?

I guess this has something to do with the CSS purge, It dosent help to put the './vendor/rappasoft/laravel-livewire-tables/resources/views/**/*.blade.php', in tailwind config doe.

I really would love some colors on my buttons.

This is how they look right now:

This is how they look with the same code, CSS, and setup in Breeze (this is how I want them):

Here is how my ButtonGroupColumn is looking:

ButtonGroupColumn::make('Actions')
                ->excludeFromColumnSelect()
                ->attributes(function ($row) {
                    return [
                        'class' => 'space-x-2',
                    ];
                })
                ->buttons([
                    LinkColumn::make('View')
                        ->title(fn ($row) => 'View' . $row->username)
                        ->location(fn ($row) => route('subscribers.show', $row))
                        ->attributes(function ($row) {
                            return [
                                'class' => 'px-3 py-1.5 text-xs font-bold text-gray-700 dark:text-gray-300 uppercase transition-all duration-150 ease-linear bg-blue-400 rounded
                                shadow outline-none active:bg-blue-500 focus:outline-none hover:bg-blue-600 hover:shadow-inner hover:shadow-blue-800',
                            ];
                        }),
                    LinkColumn::make('Manage')
                        ->title(fn ($row) => 'Manage' . $row->username)
                        ->location(fn ($row) => route('subscribers.edit', $row))
                        ->attributes(function ($row) {
                            return [
                                'class' => 'px-3 py-1.5 text-xs font-bold text-gray-700 dark:text-gray-300 uppercase transition-all duration-150 ease-linear bg-blue-400 rounded
                                shadow outline-none active:bg-blue-500 focus:outline-none hover:bg-blue-600 hover:shadow-inner hover:shadow-blue-800',
                            ];
                        }),
                    LinkColumn::make('Delete')
                        ->title(fn ($row) => 'Delete ' . $row->username)
                        ->location(
                            fn ($row) => route('subscribers.destroy', $row)
                        )
                        // ->location(fn ($row) => route('subscribers.destroy', $row))
                        ->attributes(function ($row) {
                            return [
                                'class' => 'px-3 py-1.5 text-xs font-bold text-gray-700 uppercase transition-all duration-150 ease-linear bg-red-500 rounded
                                shadow outline-none active:bg-red-600 focus:outline-none hover:bg-red-700 hover:shadow-inner hover:shadow-red-900 dark:text-gray-300',
                            ];
                        }),
                ])

[01beacon]

I fixed it! Had to add my livewire folder to tailwind.config.js.

Like this:

module.exports = {
    content: [
        './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
        './vendor/laravel/jetstream/**/*.blade.php',
        './storage/framework/views/*.php',
        './resources/views/**/*.blade.php',
        './vendor/rappasoft/laravel-livewire-tables/resources/views/**/*.blade.php',
--->   './app/Http/Livewire/**/*.php',   <---
    ],

Now it's working like a charm even in Laravel 9 Jetstream.