Filament•2mo ago

Colours differ in V4

I am migrating to v4, but the custom colour I registered to be the primary for the panel looks a lot darker now and no longer matches the brand.

FilamentColor::register([
    'primary' => '#FC9222',
    'secondary' => '#6D8EA0',
]);

FilamentColor::register([
    'primary' => '#FC9222',
    'secondary' => '#6D8EA0',
]);

Any ideas on how to fix it? Ideally the button colour could also go back to being white in light mode as well.

3 Replies

LeandroFerreira•2mo ago

Filament 4 uses Tailwind 4. The color system is different, take a look You can generate a custom color palette if you want

Filament

What's new in Filament v4? - Feature Overview by Leandro Ferreira -...

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

Colors - Customizing styling - Filament

HarveyOP•2mo ago

Hmm. I am already using a generated palette, but looking at the shades used for buttons etc, it looks like they just use different values of it in v4, i.e. was --color-600, but now its --color-400. Is my only option to create a custom palette to make my colours brighter for the shades I want (for buttons etc)?

LeandroFerreira•2mo ago

custom theme I think

Gaming

Programming

Colours differ in V4

Did you find this page helpful?