Another approach would be have an SVG for the logo and just switch the fill color using a css variable. That would eliminate the need for 2 logos, plus an SVG is way smaller in size and much more scalable, so that’s a double win.
Also you can have a smooth transition instead of the current instant switch when using SVG and css
Another approach would be have an SVG for the logo and just switch the fill color using a css variable. That would eliminate the need for 2 logos, plus an SVG is way smaller in size and much more scalable, so that’s a double win.
Also you can have a smooth transition instead of the current instant switch when using SVG and css
I agree SVG will better simplify this and will look into implement this approach. Thanks 😊
Even better if you just use inline svg. It will save you one request.
Just to add to it. You can use
currentColor. This way just switching the body color will switch color in logo as well.