Topic: firefox 149 - scomparsa dell'icona lucchetto e scudo nella barra indirizzo

[Schwanz]

ho appena aggiornato la 149, non mi compaiono le icone dello scudo e il lucchetto, uso userchrome.css di Aris della versione 4.7.5, l'autore ha smesso di aggiornare le impostazioni dell'interfaccia, ora c'è MrOtherGuy ma non c'è una discussione riguardo a quel problema, potete darmi un codice per visualizzarli? cliccando nella parte vuota sembra proprio bloccato e quindi non si apre il popup deila protezione antitracciamento. grazie

https://github.com/Aris-t2/CustomCSSforFx/releases/tag/4.7.5

https://github.com/MrOtherGuy/firefox-csshacks/issues

[Schwanz]

riavviando in modalità provvisoria lo scudo si vede

riavviando il browser in modalità normale, disattivando tutte le estensioni uno alla volta, non si vede, e non compare nemmeno disattivando /* @import "./my_userChrome.css"; /**/  in userchrome.css e tutto il mio contenuto dei miei codici in my_userchrome.css

su impostazioni nella sezione privacy e sicurezza, ho sempre lasciato in normale

è possibile che sia un bug di questa versione?

qui c'è una descrizione in inglese al riguardo, ma non riesco a capire cosa hanno modificato?
https://www.firefox.com/en-US/firefox/149.0/releasenotes/?redirect_source=mozilla-org&utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog

The TrustPanel combines the privacy and security panels accessed from the address bar to give the user one place to check the Privacy and Security settings of the current page. Learn more.

[Schwanz]

ho trovato questa guida per ottenere il codice, ho sostituito quelle due righe suggerite dall'utente, ma non trovo il file secure.png

https://www.reddit.com/r/FirefoxCSS/comments/1rtt73r/tracking_protection_icon_broken_on_ff_149/?tl=it

/* icona scudo protezione tracciamento */
#trust-icon-container {
height: 16px !important;
margin-top: 4px !important;
border-radius: 22px !important;
}

/* cambia icona scudo */
#trust-icon{
  list-style-image: url("secure.png") !important;
}

questo è il codice non funzionante anche per l'autore

Codice: [Seleziona]

/* icona scudo protezione tracciamento */
#tracking-protection-icon-container {
height: 16px !important;
margin-top: 4px !important;
border-radius: 22px !important;
}

/* cambia icona scudo */
#tracking-protection-icon{
  list-style-image: url("secure.png") !important;
}
poi non ho capito bene dove vanno sostituiti queste due righe che ha detto l'utente?

ok ho appena imparato a usare il browser toolbox e l'ho capito, a quanto pare gli ID sono cambiati:

#trust-icon-container
#trust-icon

[Schwanz]

all'interno della cartella image, ho solo questo file tracking-protection.svg e quindi non è un png

ho provato così ma non va

Codice: [Seleziona]

/* icona scudo protezione tracciamento */
#trust-icon-container {
height: 16px !important;
margin-top: 4px !important;
border-radius: 22px !important;
}

/* cambia icona scudo */
#trust-icon{
  content: url("tracking-protection.svg") !important;  }
}

[Schwanz]

come vedete è bloccato e non si apre

[Schwanz]

in modalità provvisoria è visibile, forse hanno cambiato qualcosa in about:config? su waterfox e librewolf si vedono entrambe le icone sempre in modalità provvisoria


c'è qualcuno di voi che può segnalare a MrOtherGuy questo problema qui?
https://github.com/MrOtherGuy/firefox-csshacks/issues

[Schwanz]

ho notato che nella nuova versione, aprendo la pagina di libero, sembra disponibile solo lo scudo come vedete nella modalità provvisoria, quindi manca il lucchetto ed è per questo che non riconosce qualcosa e viene bloccato.

il lucchetto che uso è il padlock icon modern2 del file identitybox_padlock_icon_modern2.css

Codice: [Seleziona]

/* Firefox userChrome.css tweaks ********************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/


/* alternative padlock icons */
#urlbar[pageproxystate="valid"] #tracking-protection-icon-container:not([hidden]) ~ #identity-box:is(.verifiedDomain,.verifiedIdentity) #identity-icon,
#urlbar[pageproxystate="valid"] :is(.verifiedDomain,.verifiedIdentity) #connection-icon {
  list-style-image: url(./../../image/padlock_modern.png) !important;
}
#urlbar[pageproxystate="valid"] #tracking-protection-icon-container:not([hidden]) ~ #identity-box:is(.insecureLoginForms,.mixedActiveContent,.notSecure) #identity-icon,
#urlbar[pageproxystate="valid"] :is(.insecureLoginForms,.mixedActiveContent,.notSecure) #connection-icon {
  list-style-image: url(./../../image/padlock_modern_mal.png) !important;
}

#urlbar[pageproxystate="valid"] #tracking-protection-icon-container:not([hidden]) ~ #identity-box:is(.weakCipher,.mixedDisplayContent,.mixedDisplayContentLoadedActiveBlocked,.certUserOverridden) #identity-icon,
#urlbar[pageproxystate="valid"] :is(.weakCipher,.mixedDisplayContent,.mixedDisplayContentLoadedActiveBlocked,.certUserOverridden) #connection-icon {
  list-style-image: url(./../../image/padlock_modern_mpl.png) !important;
}

#urlbar[pageproxystate="valid"] #tracking-protection-icon-container:not([hidden]) ~ #identity-box.mixedActiveBlocked #identity-icon,
#urlbar[pageproxystate="valid"] .mixedActiveBlocked #connection-icon {
  list-style-image: url(./../../image/padlock_modern_mab.png) !important;
}
mentre il tracciamento di protezione uso tracking_protection_alternative_icon.css

Codice: [Seleziona]

/* Firefox userChrome.css tweaks ********************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/


/* Replace tracking protection icon by old one */
:is(#urlbar-input-container,.urlbar-input-container)[pageproxystate="valid"] > #tracking-protection-icon-container > #tracking-protection-icon-box > #tracking-protection-icon {
  list-style-image: url(../../image/tracking-protection.svg) !important;
}

:is(#urlbar-input-container,.urlbar-input-container)[pageproxystate="valid"] > #tracking-protection-icon-container > #tracking-protection-icon-box[hasException] > #tracking-protection-icon {
  list-style-image: url(../../image/tracking-protection-disabled.svg) !important;
}

:is(#urlbar-input-container,.urlbar-input-container)[pageproxystate="valid"] > #tracking-protection-icon-container > #tracking-protection-icon-box:not([hasException])[active] > #tracking-protection-icon {
  list-style-image: url(../../image/tracking-protection.svg) !important;
}

#main-window[lwt-toolbar-field-brighttext] :is(#urlbar-input-container,.urlbar-input-container)[pageproxystate="valid"] > #tracking-protection-icon-container > #tracking-protection-icon-box > #tracking-protection-icon {
  filter: invert(1) !important;
}

[Schwanz]

ho anche tentato in questo modo, ma non funziona

Codice: [Seleziona]

/* Replace tracking protection icon by old one */
:is(#urlbar-input-container,.urlbar-input-container)[pageproxystate="valid"] > #tracking-protection-icon-container > ##trust-icon-container-box > #trust-icon-container {
  list-style-image: url(../../image/tracking-protection.svg) !important;
}

:is(#urlbar-input-container,.urlbar-input-container)[pageproxystate="valid"] > #tracking-protection-icon-container > ##trust-icon-container-box[hasException] > #trust-icon-container {
  list-style-image: url(../../image/tracking-protection-disabled.svg) !important;  }
}

:is(#urlbar-input-container,.urlbar-input-container)[pageproxystate="valid"] > #tracking-protection-icon-container > ##trust-icon-container-box:not([hasException])[active] > ##trust-icon-container {
  list-style-image: url(../../image/tracking-protection.svg) !important;
}

#main-window[lwt-toolbar-field-brighttext] :is(#urlbar-input-container,.urlbar-input-container)[pageproxystate="valid"] > ##trust-icon-container > ##trust-icon-container-box > ##trust-icon-container {
  filter: invert(1) !important;
}

[Schwanz]

sono andato in un sito di chat, e aprendo una immagine ricevuta in privato, stranamente mi compare per alcuni secondi l'icona dello scudo

[Schwanz]

su librewolf 148.0.2-3 e waterfox 6.6.10 entrambi ultima versione, si vedono correttamente nonostante in tutti e tre browser ho le impostazioni dei profili tutti uguali.

[Schwanz]

uso anche identitybox_colors.css, e provando a disabilitarlo, compare lo scudo (vedi immagine del sito della chat), manca il lucchetto

Codice: [Seleziona]

/* Firefox userChrome.css tweaks ********************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/


/* recommended to set: about:config > security.identityblock.show_extended_validation > true */

:is(#urlbar-input-container,.urlbar-input-container)[pageproxystate="invalid"] #tracking-protection-icon-container:not([hidden]) + #identity-box > #identity-icon {
  margin-inline-start: 0px !important;
}
#tracking-protection-icon-container:not([hidden]) + #identity-box,
:is(#urlbar-input-container,.urlbar-input-container)[pageproxystate=valid] > #tracking-protection-icon-container:not([hidden]) + #identity-box.notSecureText,
:is(#urlbar-input-container,.urlbar-input-container)[pageproxystate=valid] > #tracking-protection-icon-container:not([hidden]) + #identity-box.verifiedIdentity,
:is(#urlbar-input-container,.urlbar-input-container)[pageproxystate=valid] > #tracking-protection-icon-container:not([hidden]) + #identity-box.chromeUI,
:is(#urlbar-input-container,.urlbar-input-container)[pageproxystate=valid] > #tracking-protection-icon-container:not([hidden]) + #identity-box.extensionPage {
/*  padding-inline-end: 4px !important;*/
}

:is(#urlbar-input-container,.urlbar-input-container):not([pageproxystate="invalid"]) > #tracking-protection-icon-container:not([hidden]):not(.chromeUI) + #identity-box {
  padding-inline-start: 30px !important;
  margin-inline-start: -30px !important;
  border-radius: 0 !important;
}
:is(#urlbar-input-container,.urlbar-input-container) {
  padding: 0px !important;
}

#tracking-protection-icon-container:not([hidden]) {
  padding-inline-start: 4px !important;
  padding-inline-end: 4px !important;
  position: relative !important;
  border-inline-end: 0 !important;
  background: unset !important;
  z-index: 1000 !important;
}
#tracking-protection-icon-container:not([hidden]):hover {
  background: hsla(215,54%,33%,.05)  !important;
}
#tracking-protection-icon-container:not([hidden]):is([open],:hover:active) {
  background: hsla(215,54%,33%,.1)  !important;
}

/* colorize identity box based on level of security */
#urlbar[pageproxystate="valid"] .verifiedDomain {
  background: linear-gradient(hsl(215,60%,92%), hsl(215,58%,88%)) !important;
  box-shadow: 0 1px 0 hsla(215,54%,33%,.05) inset !important;
  color: hsl(215,54%,33%) !important;
  border-inline-end: 1px solid hsla(215,54%,33%,.2) !important;
  border-image: unset !important;
  border-image-slice: unset !important;
}

#urlbar[pageproxystate="valid"] .verifiedDomain:hover {
  background: linear-gradient(hsl(215,85%,85%), hsl(215,70%,68%)) !important;
}

#urlbar[pageproxystate="valid"] .verifiedDomain:is([open],:hover:active) {
  background: linear-gradient(hsl(215,80%,80%), hsl(215,67%,65%)) !important;
  box-shadow: 0 1px 1px hsla(215,54%,33%,.7) inset,
  0 1px 3px 1px hsla(215,54%,33%,.5) inset !important;
}

#urlbar[pageproxystate="valid"] .verifiedIdentity {
  background: linear-gradient(hsl(91,70%,90%), hsl(93,60%,81%)) !important;
  box-shadow: 0 1px 0 hsla(92,81%,16%,.05) inset !important;
  color: #2f6600 !important;
  font-weight:bold !important;
  border-inline-end: 1px solid hsla(92,81%,16%,.2) !important;
  border-image: unset !important;
  border-image-slice: unset !important;
}

#urlbar[pageproxystate="valid"] .verifiedIdentity:hover {
  background: linear-gradient(hsl(92,69%,77%), hsl(92,44%,51%)) !important;
}

#urlbar[pageproxystate="valid"] .verifiedIdentity:is([open],:hover:active) {
  background: linear-gradient(hsl(92,65%,70%), hsl(92,40%,48%)) !important;
  box-shadow: 0 1px 1px hsla(92,81%,16%,.6) inset,
  0 1px 3px 1px hsla(92,81%,16%,.5) inset !important;
}

#urlbar[pageproxystate="valid"] :is(.insecureLoginForms,.mixedActiveContent,.notSecure,.notSecureText,.certErrorPage) {
  background: linear-gradient(hsl(6,35%,88%), hsl(0,53%,82%)) !important;
  box-shadow: 0 1px 0 hsla(92,81%,16%,.05) inset !important;
  border-inline-end: 1px solid hsla(92,81%,16%,.2) !important;
  border-image: unset !important;
  border-image-slice: unset !important;
}

#urlbar[pageproxystate="valid"] :is(.insecureLoginForms,.mixedActiveContent,.notSecure,.notSecureText,.certErrorPage):hover {
  background: linear-gradient(hsl(6,65%,88%), hsl(0,73%,82%)) !important;
}

#urlbar[pageproxystate="valid"] :is(.insecureLoginForms,.mixedActiveContent,.notSecure,.notSecureText,.certErrorPage):is([open],:hover:active) {
  background: linear-gradient(hsl(6,70%,88%), hsl(0,78%,82%)) !important;
  box-shadow: 0 1px 1px hsla(0,85%,15%,.7) inset,
  0 1px 3px 1px hsla(0,85%,15%,.5) inset !important;
}

#urlbar[pageproxystate="valid"] :is(.weakCipher,.mixedDisplayContent,.mixedDisplayContentLoadedActiveBlocked) {
  background: linear-gradient(hsl(48,100%,93%), hsl(49,97%,85%)) !important;
  box-shadow: 0 1px 0 hsla(92,81%,16%,.05) inset !important;
  border-inline-end: 1px solid hsla(92,81%,16%,.2) !important;
  border-image: unset !important;
  border-image-slice: unset !important;
}

#urlbar[pageproxystate="valid"] :is(.weakCipher,.mixedDisplayContent,.mixedDisplayContentLoadedActiveBlocked):hover {
  background: linear-gradient(hsl(54,85%,67%), hsl(54,90%,50%)) !important;
}

#urlbar[pageproxystate="valid"] :is(.weakCipher,.mixedDisplayContent,.mixedDisplayContentLoadedActiveBlocked):is([open],:hover:active) {
  background: linear-gradient(hsl(54,95%,67%), hsl(54,100%,50%)) !important;
  box-shadow: 0 1px 1px hsla(0,85%,15%,.7) inset,
  0 1px 3px 1px hsla(0,85%,15%,.5) inset !important;
}

#urlbar:is([pageproxystate="invalid"],[pageproxystate="valid"]) :is(.unknownIdentity,.onionUnknownIdentity):not(:is(.mixedDisplayContentLoadedActiveBlocked,.notSecureText,.certErrorPage)),
#urlbar[pageproxystate="valid"] :is(.chromeUI,.extensionPage),
#urlbar[pageproxystate="invalid"] .chromeUI {
  background: linear-gradient(#fcfcfc,#d4d4d4) !important;
  color: black !important;
  border-inline-end: 1px solid #bebebe !important;
  border-image: unset !important;
  border-image-slice: unset !important;
}

#urlbar:is([pageproxystate="invalid"],[pageproxystate="valid"]) :is(.unknownIdentity,.onionUnknownIdentity):not(:is(.mixedDisplayContentLoadedActiveBlocked,.notSecureText,.certErrorPage)) #identity-icon,
#urlbar[pageproxystate="valid"] :is(.chromeUI,.extensionPage) #identity-icon,
#urlbar[pageproxystate="invalid"] .chromeUI #identity-icon {
  background-color: unset !important;
}

#urlbar:is([pageproxystate="invalid"],[pageproxystate="valid"]) :is(.unknownIdentity,.onionUnknownIdentity):not(:is(.mixedDisplayContentLoadedActiveBlocked,.notSecureText,.certErrorPage)):hover,
#urlbar[pageproxystate="valid"] :is(.chromeUI,.extensionPage):hover,
#urlbar[pageproxystate="invalid"] :.chromeUI:hover {
  background: linear-gradient(#f2f2f2,#c0c0c0) !important;
}

#urlbar:is([pageproxystate="invalid"],[pageproxystate="valid"]) :is(.unknownIdentity,.onionUnknownIdentity):not(:is(.mixedDisplayContentLoadedActiveBlocked,.notSecureText,.certErrorPage)):is([open],:hover:active),
#urlbar[pageproxystate="valid"] :is(.chromeUI,.extensionPage):is([open],:hover:active),
#urlbar[pageproxystate="invalid"] .chromeUI:is([open],:hover:active) {
  background: linear-gradient(#f0f0f0,#c0c0c0) !important;
  box-shadow: 0 1px 1px hsla(0,0%,48%,1.0) inset,
  0 1px 3px 1px hsla(0,0%,48%,1.0) inset !important;
}

/* for dark lw-theme */
:root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] .verifiedDomain {
  background: linear-gradient(hsl(215,85%,85%), hsl(215,70%,68%)) !important;
  box-shadow: 0 1px 1px rgba(0,0,0,1.0) inset !important;
  color: white !important;
  border-inline-end: 1px solid #262627 !important;
}

:root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] .verifiedDomain:is(:hover,[open],:hover:active) {
  box-shadow: 0 1px 1px hsla(215,54%,33%,.7) inset,
  0 1px 3px 1px hsla(215,54%,33%,.5) inset !important;
}

:root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] .verifiedIdentity {
  background: linear-gradient(hsl(92,69%,77%), hsl(92,44%,51%)) !important;
  box-shadow: 0 1px 1px rgba(0,0,0,1.0) inset !important;
  color: #00771f !important;
  border-inline-end: 1px solid #262627 !important;
}

:root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity > #identity-icon-labels {
  color: #00771f !important;
}

:root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] .verifiedIdentity:is(:hover,[open],:hover:active) {
  box-shadow: 0 1px 1px hsla(92,81%,16%,.6) inset,
  0 1px 3px 1px hsla(92,81%,16%,.5) inset !important;
}

:root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] :is(.insecureLoginForms,.mixedActiveContent) {
  background: linear-gradient(hsl(6,65%,88%), hsl(0,73%,82%)) !important;
  box-shadow: 0 1px 1px rgba(0,0,0,1.0) inset !important;
  border-inline-end: 1px solid #262627 !important;
}

:root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] :is(.insecureLoginForms,.mixedActiveContent):is(:hover,[open],:hover:active) {
  box-shadow: 0 1px 1px hsla(0,85%,15%,.7) inset,
  0 1px 3px 1px hsla(0,85%,15%,.5) inset !important;
}

:root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] :is(.weakCipher,.mixedDisplayContent,.mixedDisplayContentLoadedActiveBlocked) {
  box-shadow: 0 1px 1px rgba(0,0,0,1.0) inset !important;
  background: linear-gradient(hsl(54,85%,67%), hsl(54,90%,50%)) !important;
  border-inline-end: 1px solid #262627 !important;
}

:root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] :is(.weakCipher,.mixedDisplayContent,.mixedDisplayContentLoadedActiveBlocked):is(:hover,[open],:hover:active) {
  box-shadow: 0 1px 1px hsla(0,85%,15%,.7) inset,
  0 1px 3px 1px hsla(0,85%,15%,.5) inset !important;
}

:root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) #urlbar:is([pageproxystate="invalid"],[pageproxystate="valid"]) :is(.unknownIdentity,.onionUnknownIdentity):not(:is(.mixedDisplayContentLoadedActiveBlocked,.notSecureText,.certErrorPage)),
:root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] :is(.chromeUI,.extensionPage),
:root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) #urlbar[pageproxystate="invalid"] .chromeUI {
  background: linear-gradient(#474749,#414141,#333333) !important;
  color: white !important;
  border-inline-end: 1px solid #262627 !important;
}

:root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) #urlbar:is([pageproxystate="invalid"],[pageproxystate="valid"]) :is(.unknownIdentity,.onionUnknownIdentity):not(:is(.mixedDisplayContentLoadedActiveBlocked,.notSecureText,.certErrorPage)):is(:hover,[open],:hover:active),
:root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] :is(.chromeUI,.extensionPage):is(:hover,[open],:hover:active),
:root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) #urlbar[pageproxystate="invalid"] .chromeUI:is(:hover,[open],:hover:active) {
  box-shadow: 0 1px 1px hsla(0,0%,48%,1.0) inset,
  0 1px 3px 1px hsla(0,0%,48%,1.0) inset !important;
}

:root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) #urlbar:is([pageproxystate="invalid"],[pageproxystate="valid"]) > #identity-box:is(.mixedDisplayContentLoadedActiveBlocked,.notSecureText,.certErrorPage) {
  background: linear-gradient(rgb(255,100,100), rgb(200,0,0)) !important;
}

@media (-moz-content-prefers-color-scheme: dark) {
:root[lwtheme]:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] .verifiedDomain {
  background: linear-gradient(hsl(215,85%,85%), hsl(215,70%,68%)) !important;
  box-shadow: 0 1px 1px rgba(0,0,0,1.0) inset !important;
  color: white !important;
  border-inline-end: 1px solid #262627 !important;
}

:root[lwtheme]:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] .verifiedDomain:is(:hover,[open],:hover:active) {
  box-shadow: 0 1px 1px hsla(215,54%,33%,.7) inset,
  0 1px 3px 1px hsla(215,54%,33%,.5) inset !important;
}

:root[lwtheme]:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] .verifiedIdentity {
  background: linear-gradient(hsl(92,69%,77%), hsl(92,44%,51%)) !important;
  box-shadow: 0 1px 1px rgba(0,0,0,1.0) inset !important;
  color: #00771f !important;
  border-inline-end: 1px solid #262627 !important;
}

:root[lwtheme]:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity > #identity-icon-labels {
  color: #00771f !important;
}

:root[lwtheme]:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] .verifiedIdentity:is(:hover,[open],:hover:active) {
  box-shadow: 0 1px 1px hsla(92,81%,16%,.6) inset,
  0 1px 3px 1px hsla(92,81%,16%,.5) inset !important;
}

:root[lwtheme]:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] :is(.insecureLoginForms,.mixedActiveContent) {
  background: linear-gradient(hsl(6,65%,88%), hsl(0,73%,82%)) !important;
  box-shadow: 0 1px 1px rgba(0,0,0,1.0) inset !important;
  border-inline-end: 1px solid #262627 !important;
}

:root[lwtheme]:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] :is(.insecureLoginForms,.mixedActiveContent):is(:hover,[open],:hover:active) {
  box-shadow: 0 1px 1px hsla(0,85%,15%,.7) inset,
  0 1px 3px 1px hsla(0,85%,15%,.5) inset !important;
}

:root[lwtheme]:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] :is(.weakCipher,.mixedDisplayContent,.mixedDisplayContentLoadedActiveBlocked) {
  box-shadow: 0 1px 1px rgba(0,0,0,1.0) inset !important;
  background: linear-gradient(hsl(54,85%,67%), hsl(54,90%,50%)) !important;
  border-inline-end: 1px solid #262627 !important;
}

:root[lwtheme]:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] :is(.weakCipher,.mixedDisplayContent,.mixedDisplayContentLoadedActiveBlocked):is(:hover,[open],:hover:active) {
  box-shadow: 0 1px 1px hsla(0,85%,15%,.7) inset,
  0 1px 3px 1px hsla(0,85%,15%,.5) inset !important;
}

:root[lwtheme]:not([style*='--lwt-header-image']) #urlbar:is([pageproxystate="invalid"],[pageproxystate="valid"]) :is(.unknownIdentity,.onionUnknownIdentity):not(:is(.mixedDisplayContentLoadedActiveBlocked,.notSecureText,.certErrorPage)),
:root[lwtheme]:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] :is(.chromeUI,.extensionPage),
:root[lwtheme]:not([style*='--lwt-header-image']) #urlbar[pageproxystate="invalid"] .chromeUI {
  background: linear-gradient(#474749,#414141,#333333) !important;
  color: white !important;
  border-inline-end: 1px solid #262627 !important;
}

:root[lwtheme]:not([style*='--lwt-header-image']) #urlbar:is([pageproxystate="invalid"],[pageproxystate="valid"]) :is(.unknownIdentity,.onionUnknownIdentity):not(:is(.mixedDisplayContentLoadedActiveBlocked,.notSecureText,.certErrorPage)):is(:hover,[open],:hover:active),
:root[lwtheme]:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] :is(.chromeUI,.extensionPage):is(:hover,[open],:hover:active),
:root[lwtheme]:not([style*='--lwt-header-image']) #urlbar[pageproxystate="invalid"] .chromeUI:is(:hover,[open],:hover:active) {
  box-shadow: 0 1px 1px hsla(0,0%,48%,1.0) inset,
  0 1px 3px 1px hsla(0,0%,48%,1.0) inset !important;
}

:root[lwtheme]:not([style*='--lwt-header-image']) #urlbar:is([pageproxystate="invalid"],[pageproxystate="valid"]) > #identity-box:is(.mixedDisplayContentLoadedActiveBlocked,.notSecureText,.certErrorPage) {
  background: linear-gradient(rgb(255,100,100), rgb(200,0,0)) !important;
}
}

/* other tweaks */
#urlbar[pageproxystate="valid"]  :is(.urlbar-input-box, #urlbar-display-box) {
  border-image: unset !important;
}

#connection-icon {
  filter: unset !important;
}

/**/
#identity-box[pageproxystate="valid"].notSecureText > .identity-box-button,
#identity-box[pageproxystate="valid"].chromeUI > .identity-box-button,
#identity-box[pageproxystate="valid"].extensionPage > .identity-box-button,
#urlbar-label-box,
#identity-box[pageproxystate="valid"].notSecureText > .identity-box-button:hover:not([open]),
#identity-box[pageproxystate="valid"].chromeUI > .identity-box-button:hover:not([open]),
#identity-box[pageproxystate="valid"].extensionPage > .identity-box-button:hover:not([open]),
#identity-box[pageproxystate="valid"].notSecureText > .identity-box-button:hover:active,
#identity-box[pageproxystate="valid"].notSecureText > .identity-box-button[open=true],
#identity-box[pageproxystate="valid"].chromeUI > .identity-box-button:hover:active,
#identity-box[pageproxystate="valid"].chromeUI > .identity-box-button[open=true],
#identity-box[pageproxystate="valid"].extensionPage > .identity-box-button:hover:active,
#identity-box[pageproxystate="valid"].extensionPage > .identity-box-button[open=true] {
  background-color: unset !important;
}


[Schwanz]

lasciando disattivato in userchrome.css /* @import "./css/locationbar/identitybox_colors.css"; /**/, ho messo tutto quel codice in my_userchrome.css e ho individuato che la causa è questo pezzo che fa nascondere il lucchetto e scudo

Codice: [Seleziona]

/* colorize identity box based on level of security */
#urlbar[pageproxystate="valid"] .verifiedDomain {
  background: linear-gradient(hsl(215,60%,92%), hsl(215,58%,88%)) !important;
  box-shadow: 0 1px 0 hsla(215,54%,33%,.05) inset !important;
  color: hsl(215,54%,33%) !important;
  border-inline-end: 1px solid hsla(215,54%,33%,.2) !important;
  border-image: unset !important;
  border-image-slice: unset !important;
}
ora il risultato è così

[Schwanz]

ho rimosso tutta la parte rossa e così riesco a cliccare e  aprire anche il popup nella parte verde, però vorrei che lo scudo sia più opaco cioè un nero grassetto e il riquadro celeste come avevo prima.

/* recommended to set: about:config > security.identityblock.show_extended_validation > true */

:is(#urlbar-input-container,.urlbar-input-container)[pageproxystate="invalid"] #tracking-protection-icon-container:not([hidden]) + #identity-box > #identity-icon {
  margin-inline-start: 0px !important;
}
#tracking-protection-icon-container:not([hidden]) + #identity-box,
:is(#urlbar-input-container,.urlbar-input-container)[pageproxystate=valid] > #tracking-protection-icon-container:not([hidden]) + #identity-box.notSecureText,
:is(#urlbar-input-container,.urlbar-input-container)[pageproxystate=valid] > #tracking-protection-icon-container:not([hidden]) + #identity-box.verifiedIdentity,
:is(#urlbar-input-container,.urlbar-input-container)[pageproxystate=valid] > #tracking-protection-icon-container:not([hidden]) + #identity-box.chromeUI,
:is(#urlbar-input-container,.urlbar-input-container)[pageproxystate=valid] > #tracking-protection-icon-container:not([hidden]) + #identity-box.extensionPage {
/*  padding-inline-end: 4px !important;*/
}

:is(#urlbar-input-container,.urlbar-input-container):not([pageproxystate="invalid"]) > #tracking-protection-icon-container:not([hidden]):not(.chromeUI) + #identity-box {
  padding-inline-start: 30px !important;
  margin-inline-start: -30px !important;
  border-radius: 0 !important;
}
:is(#urlbar-input-container,.urlbar-input-container) {
  padding: 0px !important;
}

#tracking-protection-icon-container:not([hidden]) {
  padding-inline-start: 4px !important;
  padding-inline-end: 4px !important;
  position: relative !important;
  border-inline-end: 0 !important;
  background: unset !important;
  z-index: 1000 !important;
}
#tracking-protection-icon-container:not([hidden]):hover {
  background: hsla(215,54%,33%,.05)  !important;
}
#tracking-protection-icon-container:not([hidden]):is([open],:hover:active) {
  background: hsla(215,54%,33%,.1)  !important;
}

/* colorize identity box based on level of security */
#urlbar[pageproxystate="valid"] .verifiedDomain {
  background: linear-gradient(hsl(215,60%,92%), hsl(215,58%,88%)) !important;
  box-shadow: 0 1px 0 hsla(215,54%,33%,.05) inset !important;
  color: hsl(215,54%,33%) !important;
  border-inline-end: 1px solid hsla(215,54%,33%,.2) !important;
  border-image: unset !important;
  border-image-slice: unset !important;
}

#urlbar[pageproxystate="valid"] .verifiedDomain:hover {
  background: linear-gradient(hsl(215,85%,85%), hsl(215,70%,68%)) !important;
}

#urlbar[pageproxystate="valid"] .verifiedDomain:is([open],:hover:active) {
  background: linear-gradient(hsl(215,80%,80%), hsl(215,67%,65%)) !important;
  box-shadow: 0 1px 1px hsla(215,54%,33%,.7) inset,
           0 1px 3px 1px hsla(215,54%,33%,.5) inset !important;
}

#urlbar[pageproxystate="valid"] .verifiedIdentity {
  background: linear-gradient(hsl(91,70%,90%), hsl(93,60%,81%)) !important;
  box-shadow: 0 1px 0 hsla(92,81%,16%,.05) inset !important;
  color: #2f6600 !important;
  font-weight:bold !important;
  border-inline-end: 1px solid hsla(92,81%,16%,.2) !important;
  border-image: unset !important;
  border-image-slice: unset !important;
}

#urlbar[pageproxystate="valid"] .verifiedIdentity:hover {
  background: linear-gradient(hsl(92,69%,77%), hsl(92,44%,51%)) !important;
}

#urlbar[pageproxystate="valid"] .verifiedIdentity:is([open],:hover:active) {
  background: linear-gradient(hsl(92,65%,70%), hsl(92,40%,48%)) !important;
  box-shadow: 0 1px 1px hsla(92,81%,16%,.6) inset,
           0 1px 3px 1px hsla(92,81%,16%,.5) inset !important;
}

#urlbar[pageproxystate="valid"] :is(.insecureLoginForms,.mixedActiveContent,.notSecure,.notSecureText,.certErrorPage) {
  background: linear-gradient(hsl(6,35%,88%), hsl(0,53%,82%)) !important;
  box-shadow: 0 1px 0 hsla(92,81%,16%,.05) inset !important;
  border-inline-end: 1px solid hsla(92,81%,16%,.2) !important;
  border-image: unset !important;
  border-image-slice: unset !important;
}

#urlbar[pageproxystate="valid"] :is(.insecureLoginForms,.mixedActiveContent,.notSecure,.notSecureText,.certErrorPage):hover {
  background: linear-gradient(hsl(6,65%,88%), hsl(0,73%,82%)) !important;
}

#urlbar[pageproxystate="valid"] :is(.insecureLoginForms,.mixedActiveContent,.notSecure,.notSecureText,.certErrorPage):is([open],:hover:active) {
  background: linear-gradient(hsl(6,70%,88%), hsl(0,78%,82%)) !important;
  box-shadow: 0 1px 1px hsla(0,85%,15%,.7) inset,
           0 1px 3px 1px hsla(0,85%,15%,.5) inset !important;
}

#urlbar[pageproxystate="valid"] :is(.weakCipher,.mixedDisplayContent,.mixedDisplayContentLoadedActiveBlocked) {
  background: linear-gradient(hsl(48,100%,93%), hsl(49,97%,85%)) !important;
  box-shadow: 0 1px 0 hsla(92,81%,16%,.05) inset !important;
  border-inline-end: 1px solid hsla(92,81%,16%,.2) !important;
  border-image: unset !important;
  border-image-slice: unset !important;
}

#urlbar[pageproxystate="valid"] :is(.weakCipher,.mixedDisplayContent,.mixedDisplayContentLoadedActiveBlocked):hover {
  background: linear-gradient(hsl(54,85%,67%), hsl(54,90%,50%)) !important;
}

#urlbar[pageproxystate="valid"] :is(.weakCipher,.mixedDisplayContent,.mixedDisplayContentLoadedActiveBlocked):is([open],:hover:active) {
  background: linear-gradient(hsl(54,95%,67%), hsl(54,100%,50%)) !important;
  box-shadow: 0 1px 1px hsla(0,85%,15%,.7) inset,
           0 1px 3px 1px hsla(0,85%,15%,.5) inset !important;
}

#urlbar:is([pageproxystate="invalid"],[pageproxystate="valid"]) :is(.unknownIdentity,.onionUnknownIdentity):not(:is(.mixedDisplayContentLoadedActiveBlocked,.notSecureText,.certErrorPage)),
#urlbar[pageproxystate="valid"] :is(.chromeUI,.extensionPage),
#urlbar[pageproxystate="invalid"] .chromeUI {
  background: linear-gradient(#fcfcfc,#d4d4d4) !important;
  color: black !important;
  border-inline-end: 1px solid #bebebe !important;
  border-image: unset !important;
  border-image-slice: unset !important;
}
   
#urlbar:is([pageproxystate="invalid"],[pageproxystate="valid"]) :is(.unknownIdentity,.onionUnknownIdentity):not(:is(.mixedDisplayContentLoadedActiveBlocked,.notSecureText,.certErrorPage)) #identity-icon,
#urlbar[pageproxystate="valid"] :is(.chromeUI,.extensionPage) #identity-icon,
#urlbar[pageproxystate="invalid"] .chromeUI #identity-icon {
  background-color: unset !important;
}
   
#urlbar:is([pageproxystate="invalid"],[pageproxystate="valid"]) :is(.unknownIdentity,.onionUnknownIdentity):not(:is(.mixedDisplayContentLoadedActiveBlocked,.notSecureText,.certErrorPage)):hover,
#urlbar[pageproxystate="valid"] :is(.chromeUI,.extensionPage):hover,
#urlbar[pageproxystate="invalid"] :.chromeUI:hover {
  background: linear-gradient(#f2f2f2,#c0c0c0) !important;
}

#urlbar:is([pageproxystate="invalid"],[pageproxystate="valid"]) :is(.unknownIdentity,.onionUnknownIdentity):not(:is(.mixedDisplayContentLoadedActiveBlocked,.notSecureText,.certErrorPage)):is([open],:hover:active),
#urlbar[pageproxystate="valid"] :is(.chromeUI,.extensionPage):is([open],:hover:active),
#urlbar[pageproxystate="invalid"] .chromeUI:is([open],:hover:active) {
  background: linear-gradient(#f0f0f0,#c0c0c0) !important;
  box-shadow: 0 1px 1px hsla(0,0%,48%,1.0) inset,
           0 1px 3px 1px hsla(0,0%,48%,1.0) inset !important;
}

/* for dark lw-theme */
:root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] .verifiedDomain {
  background: linear-gradient(hsl(215,85%,85%), hsl(215,70%,68%)) !important;
  box-shadow: 0 1px 1px rgba(0,0,0,1.0) inset !important;
  color: white !important;
  border-inline-end: 1px solid #262627 !important;
}

:root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] .verifiedDomain:is(:hover,[open],:hover:active) {
  box-shadow: 0 1px 1px hsla(215,54%,33%,.7) inset,
           0 1px 3px 1px hsla(215,54%,33%,.5) inset !important;
}

:root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] .verifiedIdentity {
  background: linear-gradient(hsl(92,69%,77%), hsl(92,44%,51%)) !important;
  box-shadow: 0 1px 1px rgba(0,0,0,1.0) inset !important;
  color: #00771f !important;
  border-inline-end: 1px solid #262627 !important;
}

:root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity > #identity-icon-labels {
  color: #00771f !important;
}

:root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] .verifiedIdentity:is(:hover,[open],:hover:active) {
  box-shadow: 0 1px 1px hsla(92,81%,16%,.6) inset,
           0 1px 3px 1px hsla(92,81%,16%,.5) inset !important;
}

:root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] :is(.insecureLoginForms,.mixedActiveContent) {
  background: linear-gradient(hsl(6,65%,88%), hsl(0,73%,82%)) !important;
  box-shadow: 0 1px 1px rgba(0,0,0,1.0) inset !important;
  border-inline-end: 1px solid #262627 !important;
}

:root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] :is(.insecureLoginForms,.mixedActiveContent):is(:hover,[open],:hover:active) {
  box-shadow: 0 1px 1px hsla(0,85%,15%,.7) inset,
           0 1px 3px 1px hsla(0,85%,15%,.5) inset !important;
}

:root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] :is(.weakCipher,.mixedDisplayContent,.mixedDisplayContentLoadedActiveBlocked) {
  box-shadow: 0 1px 1px rgba(0,0,0,1.0) inset !important;
  background: linear-gradient(hsl(54,85%,67%), hsl(54,90%,50%)) !important;
  border-inline-end: 1px solid #262627 !important;
}

:root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] :is(.weakCipher,.mixedDisplayContent,.mixedDisplayContentLoadedActiveBlocked):is(:hover,[open],:hover:active) {
  box-shadow: 0 1px 1px hsla(0,85%,15%,.7) inset,
           0 1px 3px 1px hsla(0,85%,15%,.5) inset !important;
}

:root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) #urlbar:is([pageproxystate="invalid"],[pageproxystate="valid"]) :is(.unknownIdentity,.onionUnknownIdentity):not(:is(.mixedDisplayContentLoadedActiveBlocked,.notSecureText,.certErrorPage)),
:root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] :is(.chromeUI,.extensionPage),
:root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) #urlbar[pageproxystate="invalid"] .chromeUI {
  background: linear-gradient(#474749,#414141,#333333) !important;
  color: white !important;
  border-inline-end: 1px solid #262627 !important;
}

:root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) #urlbar:is([pageproxystate="invalid"],[pageproxystate="valid"]) :is(.unknownIdentity,.onionUnknownIdentity):not(:is(.mixedDisplayContentLoadedActiveBlocked,.notSecureText,.certErrorPage)):is(:hover,[open],:hover:active),
:root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] :is(.chromeUI,.extensionPage):is(:hover,[open],:hover:active),
:root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) #urlbar[pageproxystate="invalid"] .chromeUI:is(:hover,[open],:hover:active) {
  box-shadow: 0 1px 1px hsla(0,0%,48%,1.0) inset,
           0 1px 3px 1px hsla(0,0%,48%,1.0) inset !important;
}

:root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) #urlbar:is([pageproxystate="invalid"],[pageproxystate="valid"]) > #identity-box:is(.mixedDisplayContentLoadedActiveBlocked,.notSecureText,.certErrorPage) {
  background: linear-gradient(rgb(255,100,100), rgb(200,0,0)) !important;
}

@media (-moz-content-prefers-color-scheme: dark) {
:root[lwtheme]:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] .verifiedDomain {
  background: linear-gradient(hsl(215,85%,85%), hsl(215,70%,68%)) !important;
  box-shadow: 0 1px 1px rgba(0,0,0,1.0) inset !important;
  color: white !important;
  border-inline-end: 1px solid #262627 !important;
}

:root[lwtheme]:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] .verifiedDomain:is(:hover,[open],:hover:active) {
  box-shadow: 0 1px 1px hsla(215,54%,33%,.7) inset,
           0 1px 3px 1px hsla(215,54%,33%,.5) inset !important;
}

:root[lwtheme]:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] .verifiedIdentity {
  background: linear-gradient(hsl(92,69%,77%), hsl(92,44%,51%)) !important;
  box-shadow: 0 1px 1px rgba(0,0,0,1.0) inset !important;
  color: #00771f !important;
  border-inline-end: 1px solid #262627 !important;
}

:root[lwtheme]:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity > #identity-icon-labels {
  color: #00771f !important;
}

:root[lwtheme]:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] .verifiedIdentity:is(:hover,[open],:hover:active) {
  box-shadow: 0 1px 1px hsla(92,81%,16%,.6) inset,
           0 1px 3px 1px hsla(92,81%,16%,.5) inset !important;
}

:root[lwtheme]:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] :is(.insecureLoginForms,.mixedActiveContent) {
  background: linear-gradient(hsl(6,65%,88%), hsl(0,73%,82%)) !important;
  box-shadow: 0 1px 1px rgba(0,0,0,1.0) inset !important;
  border-inline-end: 1px solid #262627 !important;
}

:root[lwtheme]:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] :is(.insecureLoginForms,.mixedActiveContent):is(:hover,[open],:hover:active) {
  box-shadow: 0 1px 1px hsla(0,85%,15%,.7) inset,
           0 1px 3px 1px hsla(0,85%,15%,.5) inset !important;
}

:root[lwtheme]:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] :is(.weakCipher,.mixedDisplayContent,.mixedDisplayContentLoadedActiveBlocked) {
  box-shadow: 0 1px 1px rgba(0,0,0,1.0) inset !important;
  background: linear-gradient(hsl(54,85%,67%), hsl(54,90%,50%)) !important;
  border-inline-end: 1px solid #262627 !important;
}

:root[lwtheme]:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] :is(.weakCipher,.mixedDisplayContent,.mixedDisplayContentLoadedActiveBlocked):is(:hover,[open],:hover:active) {
  box-shadow: 0 1px 1px hsla(0,85%,15%,.7) inset,
           0 1px 3px 1px hsla(0,85%,15%,.5) inset !important;
}

:root[lwtheme]:not([style*='--lwt-header-image']) #urlbar:is([pageproxystate="invalid"],[pageproxystate="valid"]) :is(.unknownIdentity,.onionUnknownIdentity):not(:is(.mixedDisplayContentLoadedActiveBlocked,.notSecureText,.certErrorPage)),
:root[lwtheme]:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] :is(.chromeUI,.extensionPage),
:root[lwtheme]:not([style*='--lwt-header-image']) #urlbar[pageproxystate="invalid"] .chromeUI {
  background: linear-gradient(#474749,#414141,#333333) !important;
  color: white !important;
  border-inline-end: 1px solid #262627 !important;
}

:root[lwtheme]:not([style*='--lwt-header-image']) #urlbar:is([pageproxystate="invalid"],[pageproxystate="valid"]) :is(.unknownIdentity,.onionUnknownIdentity):not(:is(.mixedDisplayContentLoadedActiveBlocked,.notSecureText,.certErrorPage)):is(:hover,[open],:hover:active),
:root[lwtheme]:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] :is(.chromeUI,.extensionPage):is(:hover,[open],:hover:active),
:root[lwtheme]:not([style*='--lwt-header-image']) #urlbar[pageproxystate="invalid"] .chromeUI:is(:hover,[open],:hover:active) {
  box-shadow: 0 1px 1px hsla(0,0%,48%,1.0) inset,
           0 1px 3px 1px hsla(0,0%,48%,1.0) inset !important;
}

:root[lwtheme]:not([style*='--lwt-header-image']) #urlbar:is([pageproxystate="invalid"],[pageproxystate="valid"]) > #identity-box:is(.mixedDisplayContentLoadedActiveBlocked,.notSecureText,.certErrorPage) {
  background: linear-gradient(rgb(255,100,100), rgb(200,0,0)) !important;
}
}

/* other tweaks */
#urlbar[pageproxystate="valid"]  :is(.urlbar-input-box, #urlbar-display-box) {
  border-image: unset !important;
}

#connection-icon {
  filter: unset !important;
}

/**/
#identity-box[pageproxystate="valid"].notSecureText > .identity-box-button,
#identity-box[pageproxystate="valid"].chromeUI > .identity-box-button,
#identity-box[pageproxystate="valid"].extensionPage > .identity-box-button,
#urlbar-label-box,
#identity-box[pageproxystate="valid"].notSecureText > .identity-box-button:hover:not([open]),
#identity-box[pageproxystate="valid"].chromeUI > .identity-box-button:hover:not([open]),
#identity-box[pageproxystate="valid"].extensionPage > .identity-box-button:hover:not([open]),
#identity-box[pageproxystate="valid"].notSecureText > .identity-box-button:hover:active,
#identity-box[pageproxystate="valid"].notSecureText > .identity-box-button[open=true],
#identity-box[pageproxystate="valid"].chromeUI > .identity-box-button:hover:active,
#identity-box[pageproxystate="valid"].chromeUI > .identity-box-button[open=true],
#identity-box[pageproxystate="valid"].extensionPage > .identity-box-button:hover:active,
#identity-box[pageproxystate="valid"].extensionPage > .identity-box-button[open=true] {
  background-color: unset !important;
}

[Schwanz]

per ora sono riuscito a far comparire lo sfondo celeste dell'icona dei permessi, ho reinserito tutto il codice, e ci ho aggiunto } in quella posizione ed il risultato è questo, manca lo sfondo nello scudo.

/* recommended to set: about:config > security.identityblock.show_extended_validation > true */

:is(#urlbar-input-container,.urlbar-input-container)[pageproxystate="invalid"] #tracking-protection-icon-container:not([hidden]) + #identity-box > #identity-icon {
  margin-inline-start: 0px !important;
}
#tracking-protection-icon-container:not([hidden]) + #identity-box,
:is(#urlbar-input-container,.urlbar-input-container)[pageproxystate=valid] > #tracking-protection-icon-container:not([hidden]) + #identity-box.notSecureText,
:is(#urlbar-input-container,.urlbar-input-container)[pageproxystate=valid] > #tracking-protection-icon-container:not([hidden]) + #identity-box.verifiedIdentity,
:is(#urlbar-input-container,.urlbar-input-container)[pageproxystate=valid] > #tracking-protection-icon-container:not([hidden]) + #identity-box.chromeUI,
:is(#urlbar-input-container,.urlbar-input-container)[pageproxystate=valid] > #tracking-protection-icon-container:not([hidden]) + #identity-box.extensionPage {
}

/*  padding-inline-end: 4px !important;*/
}

:is(#urlbar-input-container,.urlbar-input-container):not([pageproxystate="invalid"]) > #tracking-protection-icon-container:not([hidden]):not(.chromeUI) + #identity-box {
  padding-inline-start: 30px !important;
  margin-inline-start: -30px !important;
  border-radius: 0 !important;
}
:is(#urlbar-input-container,.urlbar-input-container) {
  padding: 0px !important;
}

#tracking-protection-icon-container:not([hidden]) {
  padding-inline-start: 4px !important;
  padding-inline-end: 4px !important;
  position: relative !important;
  border-inline-end: 0 !important;
  background: unset !important;
  z-index: 1000 !important;
}
#tracking-protection-icon-container:not([hidden]):hover {
  background: hsla(215,54%,33%,.05)  !important;
}
#tracking-protection-icon-container:not([hidden]):is([open],:hover:active) {
  background: hsla(215,54%,33%,.1)  !important;
}
/* colorize identity box based on level of security */
#urlbar[pageproxystate="valid"] .verifiedDomain {
  background: linear-gradient(hsl(215,60%,92%), hsl(215,58%,88%)) !important;
  box-shadow: 0 1px 0 hsla(215,54%,33%,.05) inset !important;
  color: hsl(215,54%,33%) !important;
  border-inline-end: 1px solid hsla(215,54%,33%,.2) !important;
  border-image: unset !important;
  border-image-slice: unset !important;
}
#urlbar[pageproxystate="valid"] .verifiedDomain:hover {
  background: linear-gradient(hsl(215,85%,85%), hsl(215,70%,68%)) !important;
}

#urlbar[pageproxystate="valid"] .verifiedDomain:is([open],:hover:active) {
  background: linear-gradient(hsl(215,80%,80%), hsl(215,67%,65%)) !important;
  box-shadow: 0 1px 1px hsla(215,54%,33%,.7) inset,
           0 1px 3px 1px hsla(215,54%,33%,.5) inset !important;
}

#urlbar[pageproxystate="valid"] .verifiedIdentity {
  background: linear-gradient(hsl(91,70%,90%), hsl(93,60%,81%)) !important;
  box-shadow: 0 1px 0 hsla(92,81%,16%,.05) inset !important;
  color: #2f6600 !important;
  font-weight:bold !important;
  border-inline-end: 1px solid hsla(92,81%,16%,.2) !important;
  border-image: unset !important;
  border-image-slice: unset !important;
}

/* for dark lw-theme */
:root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] .verifiedDomain {
  background: linear-gradient(hsl(215,85%,85%), hsl(215,70%,68%)) !important;
  box-shadow: 0 1px 1px rgba(0,0,0,1.0) inset !important;
  color: white !important;
  border-inline-end: 1px solid #262627 !important;
}

:root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] .verifiedDomain:is(:hover,[open],:hover:active) {
  box-shadow: 0 1px 1px hsla(215,54%,33%,.7) inset,
           0 1px 3px 1px hsla(215,54%,33%,.5) inset !important;
}

:root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] .verifiedIdentity {
  background: linear-gradient(hsl(92,69%,77%), hsl(92,44%,51%)) !important;
  box-shadow: 0 1px 1px rgba(0,0,0,1.0) inset !important;
  color: #00771f !important;
  border-inline-end: 1px solid #262627 !important;
}

:root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity > #identity-icon-labels {
  color: #00771f !important;
}

:root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] .verifiedIdentity:is(:hover,[open],:hover:active) {
  box-shadow: 0 1px 1px hsla(92,81%,16%,.6) inset,
           0 1px 3px 1px hsla(92,81%,16%,.5) inset !important;
}

:root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] :is(.insecureLoginForms,.mixedActiveContent) {
  background: linear-gradient(hsl(6,65%,88%), hsl(0,73%,82%)) !important;
  box-shadow: 0 1px 1px rgba(0,0,0,1.0) inset !important;
  border-inline-end: 1px solid #262627 !important;
}

:root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] :is(.insecureLoginForms,.mixedActiveContent):is(:hover,[open],:hover:active) {
  box-shadow: 0 1px 1px hsla(0,85%,15%,.7) inset,
           0 1px 3px 1px hsla(0,85%,15%,.5) inset !important;
}

:root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] :is(.weakCipher,.mixedDisplayContent,.mixedDisplayContentLoadedActiveBlocked) {
  box-shadow: 0 1px 1px rgba(0,0,0,1.0) inset !important;
  background: linear-gradient(hsl(54,85%,67%), hsl(54,90%,50%)) !important;
  border-inline-end: 1px solid #262627 !important;
}

:root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] :is(.weakCipher,.mixedDisplayContent,.mixedDisplayContentLoadedActiveBlocked):is(:hover,[open],:hover:active) {
  box-shadow: 0 1px 1px hsla(0,85%,15%,.7) inset,
           0 1px 3px 1px hsla(0,85%,15%,.5) inset !important;
}

:root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) #urlbar:is([pageproxystate="invalid"],[pageproxystate="valid"]) :is(.unknownIdentity,.onionUnknownIdentity):not(:is(.mixedDisplayContentLoadedActiveBlocked,.notSecureText,.certErrorPage)),
:root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] :is(.chromeUI,.extensionPage),
:root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) #urlbar[pageproxystate="invalid"] .chromeUI {
  background: linear-gradient(#474749,#414141,#333333) !important;
  color: white !important;
  border-inline-end: 1px solid #262627 !important;
}

:root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) #urlbar:is([pageproxystate="invalid"],[pageproxystate="valid"]) :is(.unknownIdentity,.onionUnknownIdentity):not(:is(.mixedDisplayContentLoadedActiveBlocked,.notSecureText,.certErrorPage)):is(:hover,[open],:hover:active),
:root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] :is(.chromeUI,.extensionPage):is(:hover,[open],:hover:active),
:root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) #urlbar[pageproxystate="invalid"] .chromeUI:is(:hover,[open],:hover:active) {
  box-shadow: 0 1px 1px hsla(0,0%,48%,1.0) inset,
           0 1px 3px 1px hsla(0,0%,48%,1.0) inset !important;
}

:root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) #urlbar:is([pageproxystate="invalid"],[pageproxystate="valid"]) > #identity-box:is(.mixedDisplayContentLoadedActiveBlocked,.notSecureText,.certErrorPage) {
  background: linear-gradient(rgb(255,100,100), rgb(200,0,0)) !important;
}

@media (-moz-content-prefers-color-scheme: dark) {
:root[lwtheme]:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] .verifiedDomain {
  background: linear-gradient(hsl(215,85%,85%), hsl(215,70%,68%)) !important;
  box-shadow: 0 1px 1px rgba(0,0,0,1.0) inset !important;
  color: white !important;
  border-inline-end: 1px solid #262627 !important;
}

:root[lwtheme]:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] .verifiedDomain:is(:hover,[open],:hover:active) {
  box-shadow: 0 1px 1px hsla(215,54%,33%,.7) inset,
           0 1px 3px 1px hsla(215,54%,33%,.5) inset !important;
}

:root[lwtheme]:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] .verifiedIdentity {
  background: linear-gradient(hsl(92,69%,77%), hsl(92,44%,51%)) !important;
  box-shadow: 0 1px 1px rgba(0,0,0,1.0) inset !important;
  color: #00771f !important;
  border-inline-end: 1px solid #262627 !important;
}

:root[lwtheme]:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity > #identity-icon-labels {
  color: #00771f !important;
}

:root[lwtheme]:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] .verifiedIdentity:is(:hover,[open],:hover:active) {
  box-shadow: 0 1px 1px hsla(92,81%,16%,.6) inset,
           0 1px 3px 1px hsla(92,81%,16%,.5) inset !important;
}

:root[lwtheme]:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] :is(.insecureLoginForms,.mixedActiveContent) {
  background: linear-gradient(hsl(6,65%,88%), hsl(0,73%,82%)) !important;
  box-shadow: 0 1px 1px rgba(0,0,0,1.0) inset !important;
  border-inline-end: 1px solid #262627 !important;
}

:root[lwtheme]:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] :is(.insecureLoginForms,.mixedActiveContent):is(:hover,[open],:hover:active) {
  box-shadow: 0 1px 1px hsla(0,85%,15%,.7) inset,
           0 1px 3px 1px hsla(0,85%,15%,.5) inset !important;
}

:root[lwtheme]:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] :is(.weakCipher,.mixedDisplayContent,.mixedDisplayContentLoadedActiveBlocked) {
  box-shadow: 0 1px 1px rgba(0,0,0,1.0) inset !important;
  background: linear-gradient(hsl(54,85%,67%), hsl(54,90%,50%)) !important;
  border-inline-end: 1px solid #262627 !important;
}

:root[lwtheme]:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] :is(.weakCipher,.mixedDisplayContent,.mixedDisplayContentLoadedActiveBlocked):is(:hover,[open],:hover:active) {
  box-shadow: 0 1px 1px hsla(0,85%,15%,.7) inset,
           0 1px 3px 1px hsla(0,85%,15%,.5) inset !important;
}

:root[lwtheme]:not([style*='--lwt-header-image']) #urlbar:is([pageproxystate="invalid"],[pageproxystate="valid"]) :is(.unknownIdentity,.onionUnknownIdentity):not(:is(.mixedDisplayContentLoadedActiveBlocked,.notSecureText,.certErrorPage)),
:root[lwtheme]:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] :is(.chromeUI,.extensionPage),
:root[lwtheme]:not([style*='--lwt-header-image']) #urlbar[pageproxystate="invalid"] .chromeUI {
  background: linear-gradient(#474749,#414141,#333333) !important;
  color: white !important;
  border-inline-end: 1px solid #262627 !important;
}

:root[lwtheme]:not([style*='--lwt-header-image']) #urlbar:is([pageproxystate="invalid"],[pageproxystate="valid"]) :is(.unknownIdentity,.onionUnknownIdentity):not(:is(.mixedDisplayContentLoadedActiveBlocked,.notSecureText,.certErrorPage)):is(:hover,[open],:hover:active),
:root[lwtheme]:not([style*='--lwt-header-image']) #urlbar[pageproxystate="valid"] :is(.chromeUI,.extensionPage):is(:hover,[open],:hover:active),
:root[lwtheme]:not([style*='--lwt-header-image']) #urlbar[pageproxystate="invalid"] .chromeUI:is(:hover,[open],:hover:active) {
  box-shadow: 0 1px 1px hsla(0,0%,48%,1.0) inset,
           0 1px 3px 1px hsla(0,0%,48%,1.0) inset !important;
}

:root[lwtheme]:not([style*='--lwt-header-image']) #urlbar:is([pageproxystate="invalid"],[pageproxystate="valid"]) > #identity-box:is(.mixedDisplayContentLoadedActiveBlocked,.notSecureText,.certErrorPage) {
  background: linear-gradient(rgb(255,100,100), rgb(200,0,0)) !important;
}
}

/* other tweaks */
#urlbar[pageproxystate="valid"]  :is(.urlbar-input-box, #urlbar-display-box) {
  border-image: unset !important;
}

#connection-icon {
  filter: unset !important;
}

/**/
#identity-box[pageproxystate="valid"].notSecureText > .identity-box-button,
#identity-box[pageproxystate="valid"].chromeUI > .identity-box-button,
#identity-box[pageproxystate="valid"].extensionPage > .identity-box-button,
#urlbar-label-box,
#identity-box[pageproxystate="valid"].notSecureText > .identity-box-button:hover:not([open]),
#identity-box[pageproxystate="valid"].chromeUI > .identity-box-button:hover:not([open]),
#identity-box[pageproxystate="valid"].extensionPage > .identity-box-button:hover:not([open]),
#identity-box[pageproxystate="valid"].notSecureText > .identity-box-button:hover:active,
#identity-box[pageproxystate="valid"].notSecureText > .identity-box-button[open=true],
#identity-box[pageproxystate="valid"].chromeUI > .identity-box-button:hover:active,
#identity-box[pageproxystate="valid"].chromeUI > .identity-box-button[open=true],
#identity-box[pageproxystate="valid"].extensionPage > .identity-box-button:hover:active,
#identity-box[pageproxystate="valid"].extensionPage > .identity-box-button[open=true] {
  background-color: unset !important;
}

[Schwanz]

HO RISOLTO!

in about:config bisognava mettere false questo parametro
browser.urlbar.trustPanel.featureGate

https://www.reddit.com/r/FirefoxCSS/comments/1s325pk/i_dont_like_the_new_shield_icon_as_much_as_the/

vorrei però ingrandire le icone del lucchetto e scudo.

ma se io volessi cambiare lo scudo con questa grafica, il file tracking-protection.svg va messo nella cartella chrome o nella cartella image?
https://searchfox.org/firefox-main/source/browser/themes/shared/identity-block/tracking-protection.svg

per salvare il file, basta fare salva destinazione con nome facendo tasto destro su tracking-protection.svg in alto di questa pagina?
firefox-main/browser/themes/shared/identity-block/tracking-protection.svg