Steps to reproduce
A light grey square is being rendered behind favicons when in dark mode:
This washes out translucent favicons (which would look far more crisp against the near-black background).
This also ruins the effect of a translucent favicon by drawing a box in the areas designers expect to be transparent, preventing it from integrating with the expected background. Bad for my favicons, and bad for yours too (as seen in the screenshot above).
Compare it to the 2 icons on the left that set aside tabs. See how much nicer those look without a light grey box?
Please remove the light grey square and just use the same background color as the rest of the tab.
Comments and activity
Also, if you look closely, you’ll notice pinned tabs are using a lower-resolution favicon than what’s available (and what’s used on regular tabs).
Microsoft’s own Favicons look really bad with this. Oddly enough, it doesn’t do this to google.com’s round favicon. So it’s actively choosing to make some partially transparent favicons look bad with this light grey box. Not sure why…
When working on a fix for this, should probably also solve this similar issue at the same time:
- Microsoft Edge Team
Changed Status to “Fixed”
We are please to report that this problem is fixed in Edge 14145 and will be available in a future release. Thank you for providing this information about the issue.
The MS Edge Team
Correction: fixed in build 15145.
The MS Edge Team
Great, thanks. Curious… does the fix include using the HighDPI icon for pinned tabs too?
In 15058 the icon shown for a pinned tab is still up-scaling the low-res favicon, resulting in a blurry version when a crisp high res version is used for regular tabs.
If not, I’ll open as a separate issue.