Custom Panel Color rendered in froms outside of panel

I am using forms and panels, when using custom colors in panels these are used outside of the panel, but the CSS isn't loaded.... What is the way we should load this accordingly?
3 Replies
toeknee
toeknee6mo ago
e.g. classes
dark:bg-custom-500 dark:hover:bg-custom-400 focus-visible:ring-custom-500/50
dark:bg-custom-500 dark:hover:bg-custom-400 focus-visible:ring-custom-500/50
are not in the filamentstyles or livewire styles loading so are not loaded..... I just passed it into the app's configuration. Just seems a little weird/verging on a bug
LeandroFerreira
LeandroFerreira6mo ago
Hey, If you are using form builder, you should register the custom colors in the AppServiceProvider
public function boot(): void
{
FilamentColor::register([
'primary' => Color::Amber,
'my-color' => '#ccc',
]);
}
public function boot(): void
{
FilamentColor::register([
'primary' => Color::Amber,
'my-color' => '#ccc',
]);
}
<x-filament::button color="my-color">
Submit
</x-filament::button>
<x-filament::button color="my-color">
Submit
</x-filament::button>
Is it?
toeknee
toeknee6mo ago
I had tried that to no avail, so they ended up in my tailwind.config