Logo height is ignored when switching to dark mode

If you have a custom logo width and height and use the style variation selector to switch from the default (System/light) to dark, your custom logo parameters become ignored, and the following rule takes precedence instead:

Code:
.p-header-logo.p-header-logo--image img[src$="/xenforo-logo.svg"] {height: 36px;}

The result is a distorted logo.

Continue reading...