Using Theme elements for custom pages and components
Hello, folks! 👋
Is it possible to intuitively apply the theme's CSS to custom components, pages, and layouts in Laravel Filament?
I believe that beyond the ease of quickly building common application elements, most developers also dream of effortlessly achieving attractive designs, even for custom elements.
Would love to hear your thoughts! 💭
4 Replies
I don’t understand. Sorry. A theme is a stylesheet built with tailwind. All components adhere to a theme / styling to unify them.
Ie, components inherit from the theme. The components don’t dictate the theme.
@awcodes Thank you for your response! I understand that a theme is a stylesheet built with Tailwind and that components inherit from the theme. What I'm trying to convey is the desire for a more straightforward way to apply these global styles to custom components.
For instance, let's consider a custom "Submit" button. As a backend developer, I may not be as proficient in CSS as a frontend specialist. I'd love to have an intuitive way to apply the theme's existing color schemes, margins, and even light/dark modes to this button without diving deep into CSS.
In other words, while Filament Forms, Filament Tables, etc., already adhere to the theme, it would be great if there were a simple or perhaps better-documented way to apply these styles to custom components. This would make it easier for intermediate Laravel developers like me to maintain a consistent look and feel across the application.
Would love to hear your thoughts on this! 💭
A simple example:
Take a look at SUBMIT button.
So just use the Filament button component.