@import '../../vendor/filament/filament/resources/css/theme.css'; into resources/css/app.csstheme.css, my website's original colors (from flowbite.com) are overwritten@import ... to the last line of resources/css/app.css, but had no effect@import ..., without it, the Filament form does not layout properlyYou visibly have conflicts between CSS classes.
When you work with custom CSS classes in combination with other frameworks, it's perhaps a good idea to prefix your own classes, for example project:text-mycolor instead of just text-mycolor.
@import "tailwindcss" prefix(tw);
Wait a second, I'm not using any other CSS framework, only Tailwind, and Filament claims to also use Tailwind.
And Tailwind's claim to prominence is to style new stuff without affecting others.
Isn't it?
No matter which other framework you are using ... here Filament also uses TailwindCSS with its own classes. If you want to use YOUR own classes, you need to define different classes than those one used by Filament. To ensure you are the only to define your own classes, you can prefix them.
I don't think you addressed my previous 3 points, especially the one: to style new stuff without affecting others
Can you give me an example of Filament's own classes?? Because I do not use any of my own classes, all are copied from Tailwind examples.
Please or to participate in this conversation.