Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

How to change addressbar color based on SSL/SSL-EV/Broken-SSL/No-SSL

  • 1 reply
  • 1 has this problem
  • 2 views
  • Last reply by FredMcD

more options

Hello,

is there any way how to force FF31 to color the address bar background with green for verified SSL, yellow for normal SSL red for broken SSL and white for no SSL? I know FF shows a little icon next to the URL, but I want whole address bar background to display the security mode. The little icon is just not visible enough. I haven't found any addon that could do that. I tried using chrome/userChrome.css but it seems to be broken and cannot properly display all 4 states.

The following code does not work for "level=low", and I could not test "level=broken" because i do not know of any website to test it on. "level=high" seem to be displayed always when there is a SSL regardless of whether it's "high" (verified) or "low" (not verified).

Could you please tell me if there is any way to achieve this address bar coloring? Thank you.

  1. urlbar[level="high"] {
   background-color: #D0F2C4 !important;

}

  1. urlbar[level="low"] {
   background-color: #FFFFB7 !important;

}

  1. urlbar[level="broken"] {
   background-color: white !important;

}

Hello, is there any way how to force FF31 to color the address bar background with green for verified SSL, yellow for normal SSL red for broken SSL and white for no SSL? I know FF shows a little icon next to the URL, but I want whole address bar background to display the security mode. The little icon is just not visible enough. I haven't found any addon that could do that. I tried using chrome/userChrome.css but it seems to be broken and cannot properly display all 4 states. The following code does not work for "level=low", and I could not test "level=broken" because i do not know of any website to test it on. "level=high" seem to be displayed always when there is a SSL regardless of whether it's "high" (verified) or "low" (not verified). Could you please tell me if there is any way to achieve this address bar coloring? Thank you. #urlbar[level="high"] { background-color: #D0F2C4 !important; } #urlbar[level="low"] { background-color: #FFFFB7 !important; } #urlbar[level="broken"] { background-color: white !important; }

All Replies (1)

more options

Go to the Mozilla Add-ons Web Page {web link} (There’s a lot of good stuff here) and search for what you want.