Translucent Favicons in tabs get washed-out with Edge's light-grey background box in Dark Mode

Fixed Issue #11107738

Details

Author
Bryan C.
Created
Feb 28, 2017
Privacy
This issue is public.
Found in
  • Microsoft Edge
Reports
Reported by 2 people

Sign in to watch or report this issue.

Steps to reproduce

A light grey square is being rendered behind favicons when in dark mode:

Washed Out Light Grey Background Behind Favicons

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.

Attachments

2 attachments

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).

    Compare the two green "W" favicons

  • 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…

    Looks bad

  • When working on a fix for this, should probably also solve this similar issue at the same time:

    https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/7460114/

  • Microsoft Edge Team

    Changed Status to “Fixed”

  • Hello,

    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.

    Best Wishes,
    The MS Edge Team

  • Hello,

    Correction: fixed in build 15145.

    Best Wishes,
    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.

You need to sign in to your Microsoft account to add a comment.

Sign in