Dark/Light mode logo

<div
    x-data="{ isdark: !document.documentElement.classList.contains('dark') }">
    <span
        x-on:theme-changed.window="isdark = !isdark"></span>
    <img src="{{ asset('images/artofwifi-logo-for-light-theme.png') }}" alt="Logo" class="h-10 w-auto"
         x-show="!isdark">

    <img src="{{ asset('images/artofwifi-logo-for-dark-theme.png') }}" alt="Dark Logo" class="h-10 w-auto"
         x-show="isdark">
</div>