Actually you can use SVG logo which has build-in styles for dark and light schemes, for example:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
  <style>
    .circle {
      fill: black;
    }
    
    @media (prefers-color-scheme: dark) {
      .circle {
        fill: white;
      }
    }
  </style>
  <circle class="circle" cx="50" cy="50" r="40" />
</svg>