Farbe bei Vor- und Zurück-Button und Startseite-Button verändern

uwe51

Guten Morgen alle zusammen,

in den letzten Wochen habe ich intensiv verfolgt, wie das Aussehen (die Oberfläche) beim FF 57 verändert werden kann.
Vielleicht kann bei mir auch das "freche und kleidsame Mausgrau" beim FF 57.0.3 verändert werden.

So sehen bei mir die Vor- und Zurück-Button und der Startseite-Button aus:
[attachment=1]Ansicht FF 57.0.3.JPG[/attachment]

In den seeligen Zeiten von CTR und CTB sah es bei mir ein bisschen bunter aus:
[attachment=0]Ansicht FF 56.0.2.JPG[/attachment]

Ist es möglich, dass eine farbliche Verschönerung des aktuellen FF gemacht werden kann? Ungefähr in den Farben wie beim FF 56.0.2?

Vielen Dank schon mal,

uwe51

2002Andreas

Evtl. reicht dir das ja schon.

CSS

#home-button{
fill:orange!important;}


#back-button{
fill:green!important;}


#forward-button{
fill:blue!important;}

Die Farben kannst du dir anpassen.

Einzutragen in die userChrome.css

Sollte der Ordner chrome nicht vorhanden sein musst du ihn dir erst erstellen, und in ihm dann eine userChrome.css
Du mußt dir im Profilordner einen neuen Ordner chrome erstellen und in diesem dann eine Textdatei ( mit einem Editor ) in die du den Code kopierst, bzw. einträgst.

Dann schließt du die Datei und speicherst sie als userChrome.css ab.
Danach mußt du den Firefox neu starten.

PS:
Du musst dir dazu die versteckten Dateiendungen anzeigen lassen.

Um das einzustellen geht man im Windows Explorer (wenn man einen Ordner offen hat) links oben auf

"Organisieren" -> "Ordner und Suchoptionen" -> "Ansicht"

und entfernt das Häkchen bei "Erweiterungen bei bekannten Dateitypen ausblenden"

Wo finde ich meinen Profilordner

uwe51

Danke 2002Andreas, das hat wunderbar geklappt.
Ich wünsche Dir und allen anderen Helfern einen guten Rutsch und ein erfolgreiches neues Jahr.

uwe51

2002Andreas

Hallo uwe51..

freut mich wenn du damit zufrieden bist.

Und danke, auch ich wünsche dir und deiner Familie einen Guten Rutsch und alles Gute für 2018

[Blockierte Grafik: http://www.smiliemania.de/smilie.php?smile_ID=2699]

Büssen

Moin,
habe den Code 1:1 übernommen - leider färben sich die Botton nicht so wie gewünscht?
Könnte es an der Rahmen.css liegen?

[Blockierte Grafik: https://www2.pic-upload.de/img/34567093/Button_Farbe_VZ.png]

2002Andreas

Zitat von Büssen

Könnte es an der Rahmen.css liegen?

Könnte schon sein.

Wie sieht denn dein kompletter Code dafür aus?

Büssen

Zitat von 2002Andreas

Könnte schon sein.
Wie sieht denn dein kompletter Code dafür aus?

Sieht so aus (Rahmen.css) :

CSS

/* Do not remove the @namespace line -- it's required for correct functioning
 * set default namespace to XUL
 */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");


/***** Abschnitt "Nur in der Browser-Oberfläche" *****/
@-moz-document url-prefix(chrome://browser/content/browser.xul) {


/* Rahmen-Stärke, -Farbe, -Radius und Abstände der Buttons */
/* in der Menue-Leiste */
  #toolbar-menubar toolbarbutton {
    border: 2px solid #999 !important;
    margin: 2px !important;
    border-radius: 4px !important;
  }
/* in der TAB-Leiste */
  #TabsToolbar toolbarbutton {
    border: 2px solid #ccc !important;
    margin: 2px !important;
    border-radius: 4px !important;
  }
/* in der Haupt-Leiste */
  #nav-bar toolbarbutton {
    border: 2px solid #ccc !important;
    margin: 2px !important;
    border-radius: 4px !important;
  }
/* in der Lesezeichen-Leiste */
  #PersonalToolbar toolbarbutton {
    border: 2px solid #ccc !important;
    margin: 2px !important;
    border-radius: 4px !important;
  }




} /***** Ende "Nur in der Browser-Oberfläche" *****/

Alles anzeigen

2002Andreas

Funktioniert hier einwandfrei :wink:

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

Teste bitte diesen kompletten Code mal:

CSS

/* Do not remove the @namespace line -- it's required for correct functioning
 * set default namespace to XUL
 */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");


/***** Abschnitt "Nur in der Browser-Oberfläche" *****/
@-moz-document url-prefix(chrome://browser/content/browser.xul) {


/* Rahmen-Stärke, -Farbe, -Radius und Abstände der Buttons */
/* in der Menue-Leiste */
  #toolbar-menubar toolbarbutton {
    border: 2px solid #999 !important;
    margin: 2px !important;
    border-radius: 4px !important;
  }
/* in der TAB-Leiste */
  #TabsToolbar toolbarbutton {
    border: 2px solid #ccc !important;
    margin: 2px !important;
    border-radius: 4px !important;
  }
/* in der Haupt-Leiste */
  #nav-bar toolbarbutton {
    border: 2px solid #ccc !important;
    margin: 2px !important;
    border-radius: 4px !important;
  }
/* in der Lesezeichen-Leiste */
  #PersonalToolbar toolbarbutton {
    border: 2px solid #ccc !important;
    margin: 2px !important;
    border-radius: 4px !important;
  }


#home-button{
fill:orange!important;}


#back-button{
fill:green!important;}


#forward-button{
fill:blue!important;}




} /***** Ende "Nur in der Browser-Oberfläche" *****/

Alles anzeigen

Büssen

hier mein Ergebnis:

[Blockierte Grafik: https://www2.pic-upload.de/img/34567286/Button_Farbe_VZ_1.jpg]

sieht alles ein wenig blass aus - dachte (wie oben #1/2.Bild gezeigt) mehr an einen ausgefüllten "Zurück-Kreis"

2002Andreas

Zitat von Büssen

sieht alles ein wenig blass aus

Das ist normal wenn es noch keine Vor- bzw. Zurückseite gibt.

Zitat von Büssen

mehr an einen ausgefüllten "Zurück-Kreis"

Dann müsstest du das "alte" Icon dazu benutzen. Wenn man nur den Hintergrund einfärbt, passt das nicht mehr mit der Rundung vom Zurückbutton.

Büssen

Zitat von 2002Andreas

Dann müsstest du das "alte" Icon dazu benutzen. Wenn man nur den Hintergrund einfärbt, passt das nicht mehr mit der Rundung vom Zurückbutton.

Hätte ja sein können, dass die Ausführung bei mir leichter durchführbar wäre.
Werde meinen vorherigen (ohne Pfeileinfärbung) Stand der Dinge wieder einnehmen.

Vielen Dank für die wiederholte Mühe - mir den Fuchs im alten Jahr noch ein wenig zu verschönern.

Wünsche Dir einen guten Rutsch ins Jahr 2018 - weiterhin einen unermüdlichen Einsatz hier im Forum. :klasse:
Dann kann das Jahr 2018 kommen!

2002Andreas

Zitat von Büssen

Wünsche Dir einen guten Rutsch ins Jahr 2018

Danke, das wünsche ich Dir auch

Zitat von Büssen

weiterhin einen unermüdlichen Einsatz hier im Forum.

Werde mir Mühe geben :wink: