Dark mode logo

I got this code but the 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

4 Replies

Patrick Boivin•16mo ago

If it doesn't show up in the page's HTML, it could be a caching issue. Have you tried artisan view:clear?

ThijmenOP•16mo ago

I mean i see it as html but there is no css visible there

Patrick Boivin•16mo ago

Ok, I see. Do you have a custom theme configured?

ThijmenOP•16mo ago

Yes i do

Gaming

Programming

Dark mode logo