Comment to 'How to make logo change color depending on website background on Artificer template?'
  • To make inline SVG logo for UNA site which depends on light/dark switcher in UNA you need to insert the following code in Studio > Designer > Injections > HEAD injection:

    <style>
      .circle {
        fill: black;
      }
      html.dark .circle {
        fill: white;
      }
    </style>
    <script>
    $(document).ready(function () {
      $('#bx-logo-container a').html('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="h-16"><circle class="circle" cx="50" cy="50" r="40" /></svg>'); 
    });  
    </script>