Favicon does not have a coloured background
I tried Firefox 16.01 for the Mac OS and found the favicon does not show a inverted coloured background as shown in the Firefox documentation. Only the characters on a Https site are coloured green.
I take it this is an omission ?
All Replies (13)
enclosed a scrren shot
How do I tell if my connection to a website is secure? - the screenshot in this article was taken on a different operating system (windows7), so the design might be different...
https://blog.mozilla.org/ux/2012/06/site-identity-ui-updates/
edit: please note that there were several critical vulnerabilities fixed since firefox 13 was released, therefore i'd recommend to Update Firefox to the latest release as soon as possible.
philipp modificouno o
If you read my note you would see it was version 16.01 I reported this Favicon problem.
where did you get I am using version 13
your user-agent states that you're using firefox 13.0.1 - in case you're already on firefox 16 and this information is wrongly submitted, please reset the user agent: How to reset the default user agent on Firefox
Madperson: I reverted back to 13.01 after finding the following.
I have tried Firefox 16.01 on both Mac and PC and the Favicon for a SSL connection to Paypal looks different than the described information for Firefox 16.01 web site. I used Paypal as the example because that is what Firefox web site displays "http://www.mozilla.org/en-US/firefox/features/" however both the Mac OS and PC display just a simple green https favicon not a rich green (background green) as shown in Firefox's example.
The MD5 HAsh for the Pc version of Firefox is 6251c5c48214118f2e9be18f7a518451 Us-En for the PC
this fits the one mozilla has published for win32/en-US/Firefox Setup 16.0.1.exe, see ftp://ftp.mozilla.org/pub/mozilla.org/firefox/releases/16.0.1/MD5SUMS
as i've said, please stay with the latest version to keep secure...
The screenshot on the features page is from an older Firefox version.
Current Firefox versions no longer apply a background color to the Site Identity Button, but only color the domain in case of a EV SSL certificate.
Why is Firefox showing an old page for version 16? where is the new web page for firefox 16 description?
I don't understand how Mozilla could put out a new version of firefox out 16.01 and have incorrect documentation on its new features. You want me toupgrade when the documentation does not match the actual product? I don't think anyone will upgrade if they can't trust the documentation. "http://www.mozilla.org/en-US/firefox/features/
You can still achieve this via various means.
There may be themes that add a background color.
You can also use the Stylish extension or use the userChrome.css file to style the user interface.
I'm using this code in userChrome.css to add my own customization (using HSLA makes it easy to modify the colors).
The customization files userChrome.css (interface) and userContent.css (websites) are located in the chrome folder in the user profile folder.
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */ /* Restore Site Identity Button background */ #urlbar[pageproxystate="valid"] #identity-box.verifiedDomain *{ background-image: -moz-linear-gradient(hsl(215,60%,92%), hsl(215,58%,88%))!important; box-shadow: 0 1px 0 hsla(215,54%,33%,.05) inset!important; -moz-border-end-color: hsla(215,54%,33%,.2)!important; color: hsl(215,54%,33%)!important; } #urlbar[pageproxystate="valid"] #identity-box.verifiedIdentity *{ background-image: -moz-linear-gradient(hsl(91,70%,90%), hsl(93,60%,81%))!important; box-shadow: 0 1px 0 hsla(92,81%,16%,.05) inset!important; -moz-border-end-color: hsla(92,81%,16%,.2)!important; color: hsl(92,81%,16%)!important; } #urlbar[pageproxystate="valid"] #identity-box.unknownIdentity.mixedContent { background-image: -moz-linear-gradient(hsl(61,100%,70%), hsl(63,90%,60%))!important; box-shadow: 0 1px 0 hsla(62,81%,16%,.05) inset!important; -moz-border-end-color: hsla(62,81%,16%,.2)!important; color: hsl(62,81%,16%)!important; } #urlbar[pageproxystate="valid"] #identity-box.unknownIdentity.mixedContent #page-proxy-favicon { list-style-image: url("chrome://browser/skin/Security-broken.png")!important; -moz-image-region: auto!important; } #urlbar[pageproxystate="valid"] #identity-box.unknownIdentity.mixedActiveContent { background-image: -moz-linear-gradient(hsl(1,90%,88%), hsl(3,80%,80%))!important; box-shadow: 0 1px 0 hsla(2,81%,16%,.05) inset!important; -moz-border-end-color: hsla(2,81%,16%,.2)!important; color: hsl(2,81%,16%)!important; } #urlbar[pageproxystate="valid"] #identity-box.unknownIdentity.mixedActiveContent #page-proxy-favicon { list-style-image: url("chrome://browser/skin/Security-broken.png")!important; -moz-image-region: auto!important; }
Thanks, but If I upgrade to a new version and the documentation doesn't match I will not upgrade to that versionand I will not make modifications on a expected behavior
The code that I posted above works in Firefox 19 (currently under development) although the four mixedContent rules (http content on https web pages) may not be needed and can be left out.