Firefox 3 introduced a new coloring scheme and design for secure websites. You might remember that Firefox 2 displayed a yellow url bar when the user was accessing a https site. This changed drastically in Firefox 3 which is now displaying blue, yellow and green colors in the favicon area on the left side of the url.
To give you a practical example: If you visit https://www.paypal.com/ you notice a large green bar in the favicon area that is displaying the name of the owner of the website. A visit of https://www.amazon.com/ on the other hand is displaying a smaller blue bar around the favicon. Both are secure websites but one is dominant while the other is barely visible.
This can be changed in Firefox 3 so that the url of the website is displayed in the favicon are as well. To do that type in about:config in the Firefox 3 location bar and filter for the term browser.identity.ssl_domain_display. You can change that term to the following values:
- 0 – the default value.
- 1 – the top level domain is also painted in blue. e.g. ghacks.net
- 2 – all of the domain is painted in blue, e.g. www.ghacks.net
I set mine to the value 2 so that the complete domain name is shown in the favicon area.
Read Related Posts
-
Force SSL HTTPS Connections In NoScript
-
Firefox 3 Site Specific Zoom
-
All you need to know about the Firefox 3 Location Bar
-
Add Favicons To Websites Without One
-
My Firefox Security Profile
-
Make Firefox Search For Terms With Periods In The Location Bar
-
Search Web Sites In Firefox Web Browser
-
Firefox: Show Mouse Over Urls In The Firefox Address Bar
8 Responses to “Visualize blue https sites in Firefox 3 in a better way”
Trackbacks/Pingbacks
-
[...] Firefox 3 introduced a new coloring scheme and design for secure websites. You might remember that Firefox 2 displayed a yellow URL bar when the user was accessing a https site. This changed drastically in Firefox 3 which is now displaying blue, yellow and green colors in the favicon area on the left side of the URL. (Read more) [...]
-
[...] see how it’s done, go to :: ghacks.net Saturday, 25th April 2009 [General | Software] [...]
Nice tip, logical, and security related. Thanks
I was curious about the differences between the blue & green, so I looked it up. If anyone else is curious:
http://www.mozillazine.org/articles/article23974.html
(paragraphs 4 & 5)
Also, it looks like they use blue & green only; they stopped using yellow because IE7 uses yellow to indicate “…a suspected phishing website.”
Additional info about the Site Identification Button: http://www.dria.org/wordpress/archives/2008/05/06/635/
Nice tip. Thank you, Martin. :)
Does anyone know how to turn this into stylish code? Thanks
stylish code:
#urlbar[level] .autocomplete-textbox-container > * {
background-color: #D0F2C4 !important;
}
This one is for green.
Thanks Martin, you are the best