© 2026 Hedgehog Software, LLC

TwitterGitHubDiscord
More
CommunitiesDocsAboutTermsPrivacy
Search
Star
Setup for Free
FilamentF
Filament•6mo ago•
1 reply
HeapReaper

Filament theme not editing active nav in light mode

Hi! so i got this code in my theme CSS file:
    .fi-sidebar-item.fi-active.fi-sidebar-item-has-url {
        @apply bg-blue-700;
    }

    .dark .fi-sidebar-item.fi-active.fi-sidebar-item-has-url {
        @apply bg-blue-700 rounded-xl;
    }
    .fi-sidebar-item.fi-active.fi-sidebar-item-has-url {
        @apply bg-blue-700;
    }

    .dark .fi-sidebar-item.fi-active.fi-sidebar-item-has-url {
        @apply bg-blue-700 rounded-xl;
    }

I can see the rectanglular
bg-blue-700
bg-blue-700
behind it so it wont overwrite it? In darkmode it works fine.

Thanks in advance!
image.png
image.png
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

Theme: Dark|Light Mode Not Working
FilamentFFilament / ❓┊help
15mo ago
filament theme dark mode
FilamentFFilament / ❓┊help
3y ago
Can I disable light mode theme?
FilamentFFilament / ❓┊help
3y ago
Light/Dark mode switcher outside of Filament
FilamentFFilament / ❓┊help
3y ago