Connection-icon je nach identity

Pentomino

Habe mit Hilfe folgenden Codes die url-bar je nach identity (entweder verified Identity oder verified domain) unterschiedlich eingefärbt (hell- bzw. dunkelgrün):

CSS

/* Farbe url-bar je nach identity */
   @-moz-document url("chrome://browser/content/browser.xul") {
          #identity-box {
            color:red!important;
            background-color: transparent!important;}
          #identity-box.verifiedIdentity::after {
            background: lightgreen!important;}   
         #identity-box.verifiedDomain::after {
            background: #E1DFB1!important;
}

Das klappt auch wunderbar. Ich hätte jetzt noch gerne, dass auch das "Connection-icon" = "Schloßsymbol" je nach dieser identity unterschiedlich aussieht. Ich kann zwar allgemein ein anderes Icon für das Schloß nehmen, es ist aber für beide Fälle identisch.

2002Andreas

Ich bin mir nicht sicher ob ich dich richtig verstanden habe, du möchtest unterschiedliche Icons/Farben für das Schloßsymbol haben!?

Wenn ja...teste das bitte mal:

CSS

urlbar[pageproxystate="valid"] > #identity-box.verifiedDomain > #connection-icon{
    list-style-image: url(chrome://browser/skin/connection-secure.svg);
    visibility: visible;
    -moz-context-properties: fill;
    fill: #12BC00;
}


#urlbar[pageproxystate="valid"] > #identity-box.mixedActiveBlocked > #connection-icon {
    list-style-image: url(chrome://browser/skin/connection-secure.svg);
    visibility: visible;
    -moz-context-properties: fill;
    fill: blue!important;
}


#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity > #connection-icon{
    list-style-image: url(chrome://browser/skin/connection-secure.svg);
    visibility: visible;
    -moz-context-properties: fill;
    fill: red!important;
}

Alles anzeigen

Pentomino

Ja, das sieht schon mal super aus :klasse: In Kombination mit meinem vorhandenen Script kann ich da jetzt eigene Icons einsetzen und zusätzlich ist die url-bar entsprechend komplett gefärbt.
Falls noch Fragen bezüglich "Mixed Content", da klappt das ganze noch nicht so richtig, auftreten, werde ich mich nochmal "rühren". Besten Dank erstmal

2002Andreas

Freut mich wenn es dir erstmal hilft...war gern geschehen

2002Andreas

Zitat von Pentomino

bezüglich "Mixed Content", da klappt das ganze noch nicht so richtig

Teste bitte mal:

CSS

#urlbar[pageproxystate="valid"] > #identity-box.weakCipher > #connection-icon, #urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContent > #connection-icon, #urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContentLoadedActiveBlocked > #connection-icon, #urlbar[pageproxystate="valid"] > #identity-box.certUserOverridden > #connection-icon {
    list-style-image: url(chrome://browser/skin/connection-mixed-passive-loaded.svg);
    visibility: visible;
	fill: blue!important;
}

2002Andreas

Oder auch so:

CSS

#urlbar[pageproxystate="valid"] > #identity-box.weakCipher > #connection-icon, #urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContent > #connection-icon, #urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContentLoadedActiveBlocked > #connection-icon, #urlbar[pageproxystate="valid"] > #identity-box.certUserOverridden > #connection-icon {
	list-style-image: url(chrome://browser/skin/connection-secure.svg)!important;
    visibility: visible;
	fill: blue!important;
}

Pentomino

Danke für den "Nachtrag". Teste ich später, muss momentan anderes erledigen. Hoffe, es macht dir Spaß, auch ein paar "schwierigere" Aufgaben zu lösen :wink:

2002Andreas

Zitat von Pentomino

Hoffe, es macht dir Spaß

Wenn ich kann helfe ich immer gerne

Pentomino

Die beiden letzten Versionen funktionieren jetzt bestens (einmal mit, einmal Icon ohne "Warnzeichen") Besser geht es nicht :klasse:

2002Andreas

Dann kommt jetzt die schwerste Entscheidung für dich...welchen Code du benutzen möchtest :wink:

Freut mich wenn du zufrieden bist.

Pentomino

Da mir jetzt alle Werkzeuge zur Verfügung stehen, werde ich nun auch mit eigenen icons etwas rumspielen. Wie das Ganze zum Schluss aussehen wird, wird sich zeigen. :wink: