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.