We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

Avatar for Username

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

Mulongo oyo etiyamaki na archive. Tuna motuna mosusu soki osengeli na lisalisi

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

  • 1 eyano
  • 1 eza na nkokoso oyo
  • 2 views
  • Eyano yasuka ya FredMcD

user1112294
user1112294
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)

FredMcD
FredMcD
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.