Filament v3 not detecting Tailwind classes
When i add a text input to have extra attributes like for example
It doesn't color the textinput
My
When i upgraded to Livewire v3 i chose to keep the current namespace
My filament form is actually in the same folder. I am building the form from a Livewire component. But the styling doesn't render.
What am i missing ?
It doesn't color the textinput
My
tailwind.config.jsWhen i upgraded to Livewire v3 i chose to keep the current namespace
App\Htpp\LivewirecontentMy filament form is actually in the same folder. I am building the form from a Livewire component. But the styling doesn't render.
What am i missing ?
Solution
I had this same issue. I resolved it but it's hacky. In my case it was that other built-in Filament classes had higher specificity, even though I had the ! for important. The way I handled it was by making a class, in my case called task-urgent. And I made a custom theme that defined this class but specifically targeted the class that was preventing me, like this:
This works but WILL break if Filament changes default colors. Not a great solution but CSS specificity is a pain.
.task-urgent .text-gray-950 {
@apply !text-red-600;
}
This works but WILL break if Filament changes default colors. Not a great solution but CSS specificity is a pain.
