The original images aren't stretched, and are both 576 x 180 pixels:
The stylesheet for the dark theme is using background-size: 150px 40px
, but it should be using background-size: 128px 40px
to keep the original aspect ratio.
// Theme: Dark
// Target: common scss
// Last Edited: 2018-07-03 19:43:29 UTC
.logo-big {
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: url(https://global.discourse-cdn.com/swift/original/2X/3/318de24e67a74728a2f4a686e86fea1f127341f5.png) no-repeat;
width: 150px;
height: 40px;
padding-left: 150px;
background-size: 150px 40px;
}
The other more subtle issue is that the image without text (which is shown after scrolling down to more recent posts within a topic) is 590 x 585 pixels, and has more empty space around it than the other images. Ideally, this image would be 180 x 180 pixels, by cropping the black or white text from one of the other images. A smaller image might also help in Discord and Slack.