© 2026 Hedgehog Software, LLC

TwitterGitHubDiscord
More
CommunitiesDocsAboutTermsPrivacy
Search
Star
Setup for Free
FilamentF
Filament•3y ago•
5 replies
Thijmen

Dark mode logo

I got this code but the
dark:
dark:
css is not working
<div class="dark:hidden w-full">
    <img src="{{ asset('/images/logo.svg') }}" alt="Logo" class="h-12">
</div>
<div class="hidden dark:block w-full">
    <img src="{{ asset('/images/Logo_dark.svg') }}" alt="Logo" class="h-12">
</div>
<div class="dark:hidden w-full">
    <img src="{{ asset('/images/logo.svg') }}" alt="Logo" class="h-12">
</div>
<div class="hidden dark:block w-full">
    <img src="{{ asset('/images/Logo_dark.svg') }}" alt="Logo" class="h-12">
</div>


It also doesn't show up in inspect element so not sure if this is a vite issue
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

Light/Dark Mode Logo
FilamentFFilament / ❓┊help
3y ago
Dark/Light mode logo
FilamentFFilament / ❓┊help
3y ago
error brand logo and dark mode brand logo
FilamentFFilament / ❓┊help
3y ago
multiple logo for dark and light mode
FilamentFFilament / ❓┊help
3y ago