ghacks Technology News

Visualize blue https sites in Firefox 3 in a better way


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:

green httpsblue https

  • 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

blue https after

I set mine to the value 2 so that the complete domain name is shown in the favicon area.




Tags: , , , ,
Categories: Browsing, firefox



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”

  1. Transcontinental says:

    Nice tip, logical, and security related. Thanks

  2. Scott Walsh says:

    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/

  3. Nosh says:

    Nice tip. Thank you, Martin. :)

  4. Kane says:

    Does anyone know how to turn this into stylish code? Thanks

  5. Ameet says:

    stylish code:

    #urlbar[level] .autocomplete-textbox-container > * {
    background-color: #D0F2C4 !important;
    }

    This one is for green.

  6. -=Ben=- says:

    Thanks Martin, you are the best

Trackbacks/Pingbacks

  1. [...] 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) [...]

  2. [...] see how it’s done, go to :: ghacks.net Saturday, 25th April 2009 [General | Software] [...]

Leave a Reply   Follow Ghacks   Subscribe To Comment Rss

© 2005-2009 Ghacks.net. All Rights Reserved. Privacy Policy - About Us