Filament•12mo ago

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

toekneeOP•12mo 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•12mo 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?

toekneeOP•12mo ago

I had tried that to no avail, so they ended up in my tailwind.config

Gaming

Programming

Custom Panel Color rendered in froms outside of panel