Logo in dark theme

Hi, in Customize > Additional CSS, add something like this:

body:where(.dark.invert-dark-logo) .site-title a img { filter: invert(0)!important; }
body:where(.dark) .site-title a img {
	display: block;
	box-sizing: border-box;
	background: url(img/my-logo-dark.png) no-repeat;
	width: 160px; /* Width of new image */
	height: 60px; /* Height of new image */
	padding-left: 160px; /* Width of new image */
}

Then adjust the width and height values, and put your logo in the /img/ folder of the theme, or link to the background as you wish.

More here: https://css-tricks.com/replace-the-image-in-an-img-with-css/