/* [XUL] Change the location bar color for secure sites */
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#urlbar[pageproxystate="valid"] #identity-box.verifiedIdentity {
  background-color: #efe !important;
}

#urlbar[pageproxystate="valid"] #identity-box.verifiedDomain,
#urlbar[pageproxystate="valid"] #identity-box.mixedActiveBlocked:not(.verifiedIdentity) {
  background-color: #ffb !important;
}

#urlbar[pageproxystate="valid"] #identity-box.verifiedDomain::after,
#urlbar[pageproxystate="valid"] #identity-box.mixedActiveBlocked:not(.verifiedIdentity)::after {
  content: attr(tooltiptext);
  display: flex !important;
  color: #888 !important;
  padding: 0 2px !important;
}

#urlbar[pageproxystate="valid"] #identity-box.mixedDisplayContent,
#urlbar[pageproxystate="valid"] #identity-box.mixedDisplayContentLoadedActiveBlocked {
  background-color: #fdd !important;
}

/* [XUL] Change the location bar color for secure sites */
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#urlbar[pageproxystate="valid"] #identity-box.verifiedIdentity {
  background-color: #efe !important;
}

#urlbar[pageproxystate="valid"] #identity-box.verifiedDomain,
#urlbar[pageproxystate="valid"] #identity-box.mixedActiveBlocked:not(.verifiedIdentity) {
  background-color: #ffb !important;
}

#urlbar[pageproxystate="valid"] #identity-icon-labels { visibility: visible !important; }

#urlbar[pageproxystate="valid"] #identity-box.verifiedDomain #identity-icon-labels::after,
#urlbar[pageproxystate="valid"] #identity-box.mixedActiveBlocked:not(.verifiedIdentity) #identity-icon-labels::after {
  content: attr(tooltiptext);
  display: flex !important;
  color: #888 !important;
  padding: 0 2px !important;
}

#urlbar[pageproxystate="valid"] #identity-box.mixedDisplayContent,
#urlbar[pageproxystate="valid"] #identity-box.mixedDisplayContentLoadedActiveBlocked {
  background-color: #fdd !important;
}

Fix the style does not work with Firefox 51
Fix the style does not work with Firefox 51
