Nightly: url-bar-Einfärbung nicht mehr vollständig

Pentomino

Im aktuellsten Nightly (16.8.19) hat sich am Verhalten der url-bar erneut etwas geändert. Bislang wurde die komplette url-bar mit folgendem Code bei einer "Unsicheren Seite" eingefärbt:

CSS

#urlbar[pageproxystate="valid"] > #identity-box.notSecure::after{
  background: rgba(220,20,60,0.6)!important;/*crimson*/
}

In diesem Fall ein "Rotton". Seit der aktuellsten Nightly-Version wird lediglich damit noch der Bereich des Schlosses bzw. des zusätzlichen Textes (aktivierter Schalter) eingefärbt.

Entsprechend bei einer "Verified Identity": (hier ein Grünton)

wird noch der Zertifikat-Inhaber farblich unterlegt. (bei aktiviertem Schalter über about:config)

Lässt sich der Rest der url-bar mit der Adresse auch noch ansprechen bzw. farblich anpassen?

Pentomino

P.S. So sieht das noch bei einem "mixed content" (Gelbtton) aus:

milupo

Zitat von Pentomino

Im aktuellsten Nightly (16.8.19) hat sich am Verhalten der url-bar erneut etwas geändert. Bislang wurde die komplette url-bar mit folgendem Code bei einer "Unsicheren Seite" eingefärbt:

Das halte ich für ein Gerücht, dass mit diesem Code die komplette Adressleiste eingefärbt wurde. Der Code bezieht sich eindeutig auf die identity-box und nicht auf die gesamte Adressleiste-

Pentomino

Dann schau doch mal in diesen thread:

Nightly: Schloss (unsichere Verbindung), Icon ändern

2002Andreas

Zitat von Pentomino

Dann schau doch mal in diesen thread

Da befindet sich kein Code, der die komplette Urlbar einfärbt

Dein obiger Code hat hier auch keinerlei Wirkung.

Hast/nutzt du noch andere Codes dafür?

Pentomino

Ja, ein kleines "Intro" gibt es auch noch Bin allerdings momentan nicht am betreff. Rechner. Werde ich später nachreichen.

.DeJaVu

In der Nightly wird aktuell wieder viel umgebaut auf xhtml, wie wärs mal, sich mit dem Debugger selbst vertraut zu machen?

Sören Hentzschel

Mit dem Inspektor meinst du sicherlich. Einen Debugger gibt es nämlich auch, aber das ist das falsche Werkzeug.

.DeJaVu

Ja, stimmt, du hast Recht (strg+umsch+alt+i). Er ist nicht der einzige, bei dem bestimmte CSS-Schnipsel in der v70 nicht mehr funktionieren. Bis vor kurzem alles tutti, irgendwo stimmt der Verweis auf bestimmte Kind-Strukturen nicht mehr, was bei v69 noch klappt. Teils ja, das meiste und vor allem das wichtigste nicht mehr - und ganz sicher habe ich auch so meine liebe Müh damit. Ist eben eine nightly.

Zitat

Der Code bezieht sich eindeutig auf die identity-box und nicht auf die gesamte Adressleiste

Zitat

Hast/nutzt du noch andere Codes dafür?

Ich denke schon, nur wohl nicht ausreichend dokumentiert bei der Fülle

Es gab mal was, das habe ich aber mit der legacy beerdigt.

Allerdings ist bei Aris in der CTR-Sammlung was enthalten, wie das funktioniert:

identitybox_colors.css

Suche die Ähnlichkeiten.

Funktioniert zu mindestens hier nicht mehr in der nightly (userChrome.css, @import)

Pentomino

So, hier jetzt der komplette Code, der bis mindestens zum 14.8.19 im Nightly die url-bar vollständig einfärbte:

CSS

#urlbar {
  position: relative;
  z-index: 1;
}

#identity-box::after {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: -1;
  background: var(--toolbar-bgcolor); /* geändert; ursprünglich: white */
  opacity: 0.8;
  transition: background 200ms linear; /* ergänzt, Zeitspanne vergrößert */
}

#urlbar[pageproxystate='valid'] #identity-box.verifiedIdentity::after{
  background:springgreen!important;
}

#urlbar[pageproxystate='valid'] #identity-box.unknownIdentity::after {
  background: rgba(220,20,60,0.6)!important;/*crimson*/
}

#urlbar[pageproxystate='valid'] #identity-box.mixedDisplayContent::after {
  background:rgba(255,215,0,0.6)!important;/*gold*/
}

#urlbar[pageproxystate="valid"] > #identity-box.notSecure::after{
  background: rgba(220,20,60,0.6)!important;/*crimson*/
}

Alles anzeigen

Seit Nightly (16.8.19) funktioniert die Einfärbung nur noch wie bereits anfangs von mir beschrieben bzw. abgebildet.

Der komplette, recht umfangreiche Code stammt wohl ursprünglich von dieser Seite:

https://www.reddit.com/r/FirefoxCSS/c…bsite_security/

Pentomino

Zitat von .DeJaVu

wie wärs mal, sich mit dem Debugger selbst vertraut zu machen?

Bis ich mich da (Inspektor) eingearbeitet habe.... Hab ich momentan nicht den Nerv dazu. Außerdem brauchte ich ja dann dieses Forum nicht mehr zu kontaktieren

milupo

Zitat von Pentomino

So, hier jetzt der komplette Code, der bis mindestens zum 14.8.19 im Nightly die url-bar vollständig einfärbte:

Nein, dieser Code färbt nicht die ganze Adressleiste ein, denn du hast unter #urlbar keine Hintergrundfarbe vergeben. Füge dort zum Beispiel

CSS

 background: rgba(220,20,60,0.6)!important;

hinzu.

milupo

Wenn es mit #urlbar nicht klappen sollte, probiere mal #urlbar-container

Pentomino

Das ist vermutlich die richtige Spur. Allerdings wird jetzt immer die url-bar eingefärbt. Ich möchte es ja nur abhängig je nach identity, also rötlich, grünlich oder gelblich. Wo muss ich da ansetzen?

milupo

Da bin ich erst einmal überfragt, da braucht man gewissermaßen eine Bedingungsabfrage, so etwas wie: Wenn Inhalt sicher, dann gesamte Adressleiste grün, wenn Inhalt unsicher, dann Adressleiste rot und wenn gemischter Inhalt, dann gesamte Adressleiste gelb. Da muss ich Andreas das Feld überlassen. Ich muss auch jetzt erst einmal außer Haus,

Pentomino

Danke erstmal. Ich vermute, dass "früher" der Ausdruck "#identity-box" nicht nur die "box", sondern auch noch den Rest der urlbar umfasste, sodass eben alles komplett eingefärbt wurde. Siehe auch den "reddit-link" oben, der den ursprünglichen Code zeigt.

Sören Hentzschel

Ergänze:

CSS

#identity-box {
  position: static !important;
}

Das hat den Nachteil, dass der neue Indikator für erteilte Berechtigungen nicht länger zu sehen ist. Dafür war es notwendig, dass dem Element position: relative; gegeben wird. Das ist der Unterschied, der dafür sorgt, dass die Färbung nicht mehr über die gesamte Adressleiste geht.

.DeJaVu

milupo - steht alles bei Aris CTR drin, also die Bedingungen für sicher/unsicher/etc. Mehr als verweisen mag ich nicht, weil ich das System von Firefox für ausreichend gut halte.

Pentomino

Danke für die erweiterten Informationen. Nach einigem rumexperimentieren lasse ich es jetzt doch bei der alten Lösung mit der Teilfärbung. Die hat auch ihren ReizWer weiß außerdem, was demnächst noch alles geändert wird....

2002Andreas

Teste bitte mal:

CSS

#identity-box {
  position: static !important;
}

#urlbar {
  position: relative;
  z-index: 1;
}

#identity-box::after {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: -1;
  background: var(--toolbar-bgcolor); 
  opacity: 0.8;
  transition: background 200ms linear; 
}

.unknownIdentity::after {
  background: rgba(220,20,60,0.6)!important;/*crimson*/
}

.verifiedDomain::after {
  background:rgba(255,215,0,0.6)!important;/*gold*/
}

.notSecure::after{
  background: rgba(220,20,60,0.6)!important;/*crimson*/
}

Alles anzeigen