.logo-light {
    display: block;
  }
  .logo-dark {
    display: none;
  }

    /* When data-theme is explicitly set to dark */
  [data-theme="dark"] .logo-light {
    display: none;
  }
  
  [data-theme="dark"] .logo-dark {
    display: block;
  }

  /* When data-theme is unset, respect system preference */
  @media (prefers-color-scheme: dark) {
    html:not([data-theme]) .logo-light {
      display: none;
    }
    html:not([data-theme]) .logo-dark {
      display: block;
    }
  }