url-bar vollständig einfärben

Pentomino

Hallo,
um das Standard-Schloss für gesicherte Verbindungen etwas "aufzumotzen" habe ich mir die Erweiterung "Site Identity Button Colors" installiert, die ihren Dienst auch ordentlich verrichtet. Schön wäre es, wenn auch zusätzlich die komplette url-bar noch farblich (frei wählbar) unterlegt werden könnte (s. Abbildung). Früher hatte ich mal einen script in meiner userchrome.css -Datei hinterlegt, der diese Aufgabe verrichtete. Seit einem der letzten updates funktioniert dieser jedoch nicht mehr. Kann mir jemand einen script vorschlagen, der diese Aufgabe mit dem aktuellen Firefox verrichtet ?
Vielen Dank für die Bemühungen.

2002Andreas

Zitat von Pentomino

die Erweiterung "Site Identity Button Colors" installiert

Bitte mal deaktivieren und dann den Code testen:

CSS

@-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: yellow!important; } 


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


      #identity-box::after {
        content: ''!important;
        position: absolute!important;
        height: 100%!important;
        width: 100%!important;
        top: 0!important;
        left: 0!important;      
        z-index: -1!important}        
      }

Alles anzeigen

Farben kannst du wenn dann ändern.

Boersenfeger

Falls Classic Theme Restorer installiert ist...
[attachment=0]2016-01-05_115656.jpg[/attachment]
Würde dann ggf. die erwähnte Erweiterung sparen...

Pentomino

2002Andreas:
Scheint super zu funktionieren !! (Anscheinend sogar mit der zusätzlich aktivierten "Site Identity...".) Vielen Dank dafür :klasse:

Boersenfeger:
Ja, Classic Theme Restorer ist installiert. Ich hätte es allerdings gerne etwas auffälliger. Ist natürlich Geschmackssache :wink:

2002Andreas

Danke für die Rückmeldung, freut mich das du damit zufrieden bist.

Boersenfeger

Viel Spaß mit deiner Lösung... ich wollte es auch nur erwähnt haben..
Manche Nutzer wollen ja so wenig wie möglich Erweiterungen installieren...

Pentomino

Hallo,
würde gerne auch noch die Textfarbe in der url-Bar frei wählbar anpassen
Wo müsste ich da was in den Script einfügen/ergänzen ?
Danke für die Hilfe ! (Das vollständige Einfärben des HG funktioniert weiterhin einwandfrei !)
Gruß, Pentomino

2002Andreas

Zitat von Pentomino

noch die Textfarbe

Das könnte ich dir anbieten:

[attachment=0]Zwischenablage01.jpg[/attachment]

Du brauchst dazu diese Erweiterung:

Advanced Locationbar :: Add-ons für Firefox

Dann den schon vorhandenen Code und diesen neuen Code:

CSS

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);


/* http:// */


.textbox-presentation-protocol[value^="http"] {


   font-weight: normal !important;


   color: red !important;


}


/* https:// */


.textbox-presentation-protocol[value^="https"] {


   font-weight: bold !important;


   color: red !important;


}








/* ftp:// */


.textbox-presentation-protocol[value="ftp://"] {


   font-weight: normal !important;


   color: blue !important;


}






/* file:// */


.textbox-presentation-protocol[value="file://"] {


   font-weight: normal !important;


   color: #0000aa !important;


}




/* Any other protocol */


.textbox-presentation-protocol {


   font-weight: normal !important;


   color: #000000 !important;


   padding-right: 3px !important; 


}




/* Subdomain */


.textbox-presentation-subdomain {


   font-weight: normal !important;


   color: #bb6600 !important;


   background-color: inherit !important;


}




/* Domain inclusive Top-Level-Domain */


.textbox-presentation-domain {


   font-weight: bold !important;


   color: blue !important;


   background-color: inherit !important;


}






/* Port (e.g. ":88" after the domain) */


.textbox-presentation-port {


   font-weight: normal !important;


   color: #550000 !important;


}






/* Any part of the url between slashes */


.textbox-presentation-segment-label {


   color: green !important;


}






/* The slashs in the URL */


.textbox-presentation-slash {


   color: black !important;


   padding-left: 2px !important;


   padding-right: 2px !important;


}






/* The last part of the URL which is not a query or anchor */


.textbox-presentation-file {


   color: black !important;


}






/* Static file extensions */


.textbox-presentation-file[value*=".htm"],


.textbox-presentation-file[value*=".html"],


.textbox-presentation-file[value*=".txt"] {


   color: #663366 !important;


}






/* Dynamic file extensions */


.textbox-presentation-file[value*=".php"],


.textbox-presentation-file[value*=".php3"],


.textbox-presentation-file[value*=".php4"],


.textbox-presentation-file[value*=".asp"],


.textbox-presentation-file[value*=".jsp"],


.textbox-presentation-file[value*=".cgi"],


.textbox-presentation-file[value*=".cfm"],


.textbox-presentation-file[value*=".pl"] {


   color: brown !important;


}






/* Images */


.textbox-presentation-file[value*=".jpg"],


.textbox-presentation-file[value*=".jpeg"],


.textbox-presentation-file[value*=".gif"],


.textbox-presentation-file[value*=".png"],


.textbox-presentation-file[value*=".bmp"],


.textbox-presentation-file[value*=".tiff"] {


   color: #666600 !important;


}






/* The Query String including the "?" */


.textbox-presentation-query {


   color: #004400 !important;


   padding-left: 2px !important;


}






/* The anchor (a "#somename" at the end of the URL) */


.textbox-presentation-fragment {


   color: #777 !important;


   padding-left: 2px !important;


}

Alles anzeigen

Im obigem Code kannst du für jeden Eintrag die Farbe selber unter: color anpassen.

BarbaraZ-

Hallo Andreas,

wenn ich beide Codes, wie von Dir beschrieben zusammenfüge, bekomme ich beim anfügen des 2. Codes in Zeile 26 einen @-Fehler angezeigt.
Ich habe einfach diese Zeile auf Kommentar gesetzt und es klappt, ohne jegliche Addon-Erweiterung.

2002Andreas

Zitat von BarbaraZ-

ohne jegliche Addon-Erweiterung.

D. h. der Text in der Urlbar hat verschiedene Farben bei dir!?

Zitat von BarbaraZ-

in Zeile 26 einen @-Fehler

Hier nicht :-??

2002Andreas

Zitat von BarbaraZ-

Zeile 26 einen @-Fehler

Ich habe es gefunden :wink:

Wenn du erst den Code aus Beitrag Nr. 2 nimmst erscheint die Fehlermeldung, erst den letzten Code, dann nicht.

Liegt an diesem Eintrag:

Zitat

@namespace url(http://www.mozilla.org/keymaster/gate…ere.is.only.xul);

Der muss immer als erstes in einem Code stehen.

2002Andreas

Beide zusammen:

CSS

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);


@-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: yellow!important; } 


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


      #identity-box::after {
        content: ''!important;
        position: absolute!important;
        height: 100%!important;
        width: 100%!important;
        top: 0!important;
        left: 0!important;      
        z-index: -1!important}        
      }






/* http:// */


.textbox-presentation-protocol[value^="http"] {


   font-weight: normal !important;


   color: red !important;


}


/* https:// */


.textbox-presentation-protocol[value^="https"] {


   font-weight: bold !important;


   color: red !important;


}








/* ftp:// */


.textbox-presentation-protocol[value="ftp://"] {


   font-weight: normal !important;


   color: blue !important;


}






/* file:// */


.textbox-presentation-protocol[value="file://"] {


   font-weight: normal !important;


   color: #0000aa !important;


}




/* Any other protocol */


.textbox-presentation-protocol {


   font-weight: normal !important;


   color: #000000 !important;


   padding-right: 3px !important; 


}




/* Subdomain */


.textbox-presentation-subdomain {


   font-weight: normal !important;


   color: #bb6600 !important;


   background-color: inherit !important;


}




/* Domain inclusive Top-Level-Domain */


.textbox-presentation-domain {


   font-weight: bold !important;


   color: blue !important;


   background-color: inherit !important;


}






/* Port (e.g. ":88" after the domain) */


.textbox-presentation-port {


   font-weight: normal !important;


   color: #550000 !important;


}






/* Any part of the url between slashes */


.textbox-presentation-segment-label {


   color: green !important;


}






/* The slashs in the URL */


.textbox-presentation-slash {


   color: black !important;


   padding-left: 2px !important;


   padding-right: 2px !important;


}






/* The last part of the URL which is not a query or anchor */


.textbox-presentation-file {


   color: black !important;


}






/* Static file extensions */


.textbox-presentation-file[value*=".htm"],


.textbox-presentation-file[value*=".html"],


.textbox-presentation-file[value*=".txt"] {


   color: #663366 !important;


}






/* Dynamic file extensions */


.textbox-presentation-file[value*=".php"],


.textbox-presentation-file[value*=".php3"],


.textbox-presentation-file[value*=".php4"],


.textbox-presentation-file[value*=".asp"],


.textbox-presentation-file[value*=".jsp"],


.textbox-presentation-file[value*=".cgi"],


.textbox-presentation-file[value*=".cfm"],


.textbox-presentation-file[value*=".pl"] {


   color: brown !important;


}






/* Images */


.textbox-presentation-file[value*=".jpg"],


.textbox-presentation-file[value*=".jpeg"],


.textbox-presentation-file[value*=".gif"],


.textbox-presentation-file[value*=".png"],


.textbox-presentation-file[value*=".bmp"],


.textbox-presentation-file[value*=".tiff"] {


   color: #666600 !important;


}






/* The Query String including the "?" */


.textbox-presentation-query {


   color: #004400 !important;


   padding-left: 2px !important;


}






/* The anchor (a "#somename" at the end of the URL) */


.textbox-presentation-fragment {


   color: #777 !important;


   padding-left: 2px !important;


}

Alles anzeigen

BarbaraZ-

Zitat

der Text in der Urlbar hat verschiedene Farben bei dir!?

Ja, in der Tat.

2002Andreas

Ohne eine Erweiterung hat er das hier nicht :-??

BarbaraZ-

Schon seltsam.

2002Andreas

So sieht das mit den beiden Codes ohne Erweiterung hier aus:

[attachment=0]Screenshot (504).png[/attachment]

BarbaraZ-

Ich vermute, irgend ein anderer Code oder eine Erweiterung gibt das her.
Ich werde deswegen aber nicht weiter dran rumschrauben. Es klappt und das ist in Odrnung.

Danke Dir dafür. :klasse:

Pentomino

Hab den Code auch getestet: Funktioniert bei mir einwandfrei, aber nur mit der genannten Erweiterung.
Vielen Dank !
Gruß, Pentomino

2002Andreas

Freut mich das du zufrieden bist