Css styling in theme not working

I have installed laravel 12 with latest filament. I have installed a custom theme. I am trying to apply tailwind css but it is not working. When I run npm run build it says that tailwind v4 is installed but filament uses v3. What is the issue?

Solution

@raheel3031 @Alex-Elivate, I just published a guide on how to keep using Tailwind CSS v4 in your Laravel 12 application and simultaneously use Tailwind CSS v3 to compile your Filament stylesheets.

Might want to check it out

https://filamentthemes.com/guides/how-to-use-filament-with-tailwind-css-v4

How to use Filament with Tailwind CSS v4

Laravel 12 ships with version 4 of Tailwind CSS, while Filament v3 only supports version 3. This guide walks you through setting up Tailwind CSS v3 alongside v4.

Jump to solution

toeknee•3/31/25, 1:35 PM

The issue is laravel 12.... it auto-uses v4 :/

toeknee•3/31/25, 1:35 PM

I would personally use Laravel 11, until filament v4 comes out. Theres very little difference in 11-12.

raheel3031OP•3/31/25, 2:32 PM

what should i do now?

toeknee•3/31/25, 2:48 PM

Install Laravel 11?

Alex-Elivate•3/31/25, 6:34 PM

I had similar issues and needed to downgrade tailwind in laravel 12 to v3. https://filamentphp.com/docs/3.x/notifications/installation#installing-tailwind-css

Installation - Notifications - Filament

Solution

Zep Fietje•5/1/25, 8:56 AM

https://filamentthemes.com/guides/how-to-use-filament-with-tailwind-css-v4

How to use Filament with Tailwind CSS v4

Laravel 12 ships with version 4 of Tailwind CSS, while Filament v3 only supports version 3. This guide walks you through setting up Tailwind CSS v3 alongside v4.