Invert logo on product and store pages

This inserting this into the page header injection area of the shop page instead:

<style>
  
  .header-title-logo img
  {filter: brightness(0) invert(0);}
  
  </style>

If you want to invert the logo on the Cart Page you will add this to the Custom CSS Panel:

  #cart
  .header-title-logo img
  {filter: brightness(0) invert(0);}

For the checkout page where users insert their CC# information, you'll have to render the original logo or use text as your logo as we can't use any coding for the secure checkout page.