New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 806566 link

Starred by 3 users

Issue metadata

Status: WontFix
Owner: ----
Closed: Sep 13
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux , Windows , Mac
Pri: 2
Type: Bug



Sign in to add a comment

Website favicons become invisible under certain tab colour changes

Reported by a...@helloclub.com, Jan 28 2018

Issue description

UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/63.0.3239.132 Safari/537.36

Steps to reproduce the problem:
Case A:
1. Visit a website with a dark (grey) favicon
2. Observe the favicon is clearly visible in a regular tab
3. Open the same page in an incognito tab which has a dark tab colour
4. The icon becomes invisible/poorly visible

Case B:
1. Visit a website which has a favicon in the same colour as the website's theme colour (very common and an obvious choice to make)
2. Observe the favicon is clearly visible in a regular tab
3. Open the same page on Chrome for Android and observe the tab has the same theme colour as the favicon
4. The icon becomes invisible/poorly visible

What is the expected behavior?
That the icons remains properly visible, or that we as developers get the tools to provide multiple icons, for light and/or dark backgrounds.

What went wrong?
The icon is poorly visible or completely invisible by on certain tab colours.

Did this work before? Yes Before theme colours were supported, and before incognito tabs became so dark.

Does this work in other browsers? N/A

Chrome version: 63.0.3239.132  Channel: stable
OS Version: OS X 10.11.5
Flash Version: 

The two issues are that;

1) Dark icons are poorly visible in incognito tabs;
2) App icons of the same colour as the theme colour become invisible on mobile tabs.

It would be great if we as developers could specify multiple (different) favicons, depending on the background colour of the tab, so that Chrome can show the appropriate icon and so that the icons remain properly visible at all times.
 
Screenshot 2018-01-28 19.09.07.png
9.1 KB View Download

Comment 1 by meh...@chromium.org, Jan 28 2018

Components: UI>Browser>TabStrip
Labels: Needs-Bisect Needs-Triage-M63
Cc: sc00335...@techmahindra.com
Components: UI>Browser>Themes
Labels: -Needs-Bisect -Type-Bug-Regression Triaged-ET M-66 FoundIn-66 Target-66 OS-Linux OS-Windows Type-Bug
Status: Untriaged (was: Unconfirmed)
Able to reproduce this issue on reported version 63.0.3239.132 and on latest canary 66.0.3334.0 using Mac 10.13.1,Windows 10 and Ubuntu 14.04 when in classic theme or Dark theme.

This issue is seen from M60. Considering this issue as Non-Regression, marking as Untriaged and removing Needs-Bisect label.

Could someone from UI>Browser>Tabstrip team please have a look at this issue.

Thanks!
Status: Archived (was: Untriaged)
Archiving old bugs that haven't been actively assigned in over 180 days.

If you feel this issue should still be addressed, feel free to reopen it or to file a new issue. Thanks!
Status: WontFix (was: Archived)
Given things like browser themes (in multiple browsers) and different-colored window titlebars that icons appear over (in at least Chrome and Firefox), favicons may appear above literally any color.  I'm not sure there's a good solution on the web platform side for "the background color is X, what favicon do you want?  Wait, it just changed to Y, how about now?".  AFAICT the only real answer is that site favicons have to be designed to work over any color, which is not necessarily an easy thing to do...

Sign in to add a comment