© 2026 Hedgehog Software, LLC

TwitterGitHubDiscord
More
CommunitiesDocsAboutTermsPrivacy
Search
Star
Setup for Free
FilamentF
Filament•13mo ago•
17 replies
Kaaiman

Custom theme not affecting panel

I am trying to play with custom themes, but the first thing that I walk into is an example from the docs that is not working. Anyone got any ideas?

.fi-topbar {
    @apply bg-gradient-to-l from-[#009CC3] to-[#02B1DE];
}
.fi-topbar {
    @apply bg-gradient-to-l from-[#009CC3] to-[#02B1DE];
}


I followed every step on https://filamentphp.com/docs/3.x/support/style-customization. As seen in the picture, the background is affected, but it does not seem to work properly like the docs is showing.
image.png
Installation - Panel Builder - Filament
Filament banner
FilamentJoin
A powerful open source UI framework for Laravel • Build and ship admin panels & apps fast with Livewire
20,307Members
Resources

Similar Threads

Was this page helpful?
Recent Announcements

Similar Threads

Loading a Custom Theme outside of a Panel?
FilamentFFilament / ❓┊help
2y ago
custom theme
FilamentFFilament / ❓┊help
2y ago
Custom theme is not visible
FilamentFFilament / ❓┊help
3mo ago
panel Appears Unstyled After Adding Custom Theme with Vite
FilamentFFilament / ❓┊help
6mo ago