Extract core styles to plugin or stylesheet

filamentphp / filament

A collection of beautiful full-stack components for Laravel. The perfect starting point for your next app. Using Livewire, Alpine.js and Tailwind CSS.

https://filamentphp.com

MIT License

17.15k stars 2.69k forks source link

Extract core styles to plugin or stylesheet #10437

Open zepfietje opened 8 months ago

zepfietje commented 8 months ago

Donate 💰 to fund this issue

You can donate funding to this issue. We receive the money once the issue is completed & confirmed by you.
100% of the funding will be distributed between the Filament core team to run all aspects of the project.
Thank you in advance for helping us make maintenance sustainable!

zepfietje commented 8 months ago

@danharrin you can document your experiment findings here if you like.

zepfietje commented 6 months ago

CSS layers will make theming much easier already: https://developer.mozilla.org/en-US/docs/Web/CSS/@layer.

pxlrbt commented 1 month ago

Just wanted to throw in, that we should consider introducing more CSS vars for everything like colors to make stuff more customisable.

zepfietje commented 1 month ago

Could you clarify what you mean specifically, @pxlrbt?

pxlrbt commented 1 month ago

What I mean is, that it would be good if it's possible to extract some often used configs to CSS vars, to allow easier customization. Colors would probably be the easiest. Other parts may be trickier. Also determining what might be useful could be tricky 😅

--sidebar-background
--sidebar-color
--border-radius

zepfietje commented 1 month ago

Naming design tokens is definitely tricky. Especially when keeping extensibility in mind.