Weird style after tailwind update
I just tried the Filament upgrade from v3 to v4, including tailwind. I have a custom theme, but only to add some additional classes. The overall look and feel was standard Filament v3. After updating it looks like this and I have no idea where this coming from. Any pointers?
Solution:Jump to solution
You probably want to use to old palette. I think there is a
generateV3ColorPalette option or similar on the Panel11 Replies
Even when removing the custom theme, using the base structure from a fresh filament application, it still looks this weird.
Okay. Lets try to fix this without a theme, before applying the theme again.
- Did you overwrite any view files?
- Try removing all Filament assets in the public folder and republish them via
php artisan filament:assetsNo, I added new view files or used the render hooks. I removed the CSS and JS assets from Filament and published them again, but it did not change
Make sure your browser cache is not an issue.
Did you overwrite some colors in the panel?
Yes, the colors can be changed via spatie settings
It overwrites the primary, gray, info etc. colors with hex codes and provided defaults if the DB is not yet ready (on application boot).
If I remove this (removing ->colors($theme['colors']) from the PanelProvider it is... better, but the issues are not only in color:
Ok, the spacing issue etcs is fixed. Now only the colors if I want to override them are weird
Ok, the spacing issue etcs is fixedWhat was the problem?
Solution
You probably want to use to old palette. I think there is a
generateV3ColorPalette option or similar on the PanelThe algorithm for color palette generating changed.
I had some static older Tailwind asset in my code 🙈
generateV3Palette, yes. This works, thank you!