Alltabs-Button Farbe ändern

FuchsFan

Wer kann bitte helfen?
Ich versuche den alltabs-button dahingehend zu verändern, dass für alle Button der hover-Effect entsteht. Für die Scrollbutton Up und Down habe ich das hinbekommen, leider nicht
für den Button " + " und den Pfeil nach unten. Den folgenden Code habe ich bisher gebastelt:

CSS

/**** Farbe der Pfeile in den Scroll-Buttons Up ****/
#tabbrowser-tabs .scrollbutton-up,
#alltabs-button,
.tabbrowser-tab:not([fadein]){
  fill: red !important;  /* Farbe des Pfeils */
}


/**** Farbe des Scroll-Buttons Down ****/
.scrollbutton-down:hover {
  background: yellow !important;  /* gold  */
}


.scrollbutton-up:hover {
  background: yellow !important;  /* gold  */
}


/************* Farbe der rechten Tabscrollschaltfläche (wenn Leiste voll ist) ** Farbe rot *******/
/* Farbe signalisiert dass außerhalb des sichtbaren Bereichs ganz rechts neuer Tab geöffnet wurde ****/ 
.scrollbutton-down:not([disabled="true"]) .toolbarbutton-icon,
.scrollbutton-up:-moz-locale-dir(rtl)[orient="horizontal"]:not([disabled="true"]) .toolbarbutton-icon{
  fill: red !important;
}

Alles anzeigen

2002Andreas

Teste bitte mal:

CSS

#new-tab-button:hover{
   background: yellow !important; 
}


#alltabs-button:hover{
   background: yellow !important; 
}

FuchsFan

Danke, Andreas, das funktioniert. Einen kleinen Schönheitsfehler hat die Sache aber noch, der graue Hintergrund (hover) erscheint dann auch immer noch mit. Dieses ist mit dem Code:

.scrollbutton-down:hover {
background: yellow !important;

nicht. Denn da erscheint die volle Farbe Gelb, obwohl ursprünglich auch dieser graue hover-Effect da ist. Lässt sich da noch was machen ?

Grüße

2002Andreas

Keine Ahnung wie man das besser machen kann :-??

Teste doch bitte mal diesen kompl. Code:

CSS

#TabsToolbar #new-tab-button:hover{
   background: yellow !important; 
}


#alltabs-button:hover{
   background: yellow !important; 
}






/**** Farbe der Pfeile in den Scroll-Buttons Up ****/
#tabbrowser-tabs .scrollbutton-up > .toolbarbutton-icon,
#alltabs-button > .toolbarbutton-icon,
.tabbrowser-tab:not([fadein]){
  fill: red !important;  /* Farbe des Pfeils */
}






/**** Farbe des Scroll-Buttons Down ****/


.scrollbutton-down:not([highlight]):hover,
.scrollbutton-down:hover {
	   opacity: 1.0!important;
  background: yellow !important;  /* gold  */
}


.scrollbutton-up[disabled]:hover,
 .scrollbutton-up:not([highlight]):hover{
  opacity: 1.0!important;
  background: yellow !important;  /* gold  */
}


/************* Farbe der rechten Tabscrollschaltfläche (wenn Leiste voll ist) ** Farbe rot *******/
/* Farbe signalisiert dass außerhalb des sichtbaren Bereichs ganz rechts neuer Tab geöffnet wurde ****/ 
.scrollbutton-down[disabled]:not([highlight])> .toolbarbutton-icon,
.scrollbutton-down:not([disabled])> .toolbarbutton-icon,
.scrollbutton-up:-moz-locale-dir(rtl)[orient="horizontal"]:not([disabled])> .toolbarbutton-icon{
  fill: red !important;
}

Alles anzeigen

FuchsFan

Ja, Andreas, auch das funktioniert, nur die kleine Einschränkung wie oben beschrieben (Feld mit dem + und dem Pfeil nach unten) kommt beim Überfahren mit der Maus zwar die gelbe Farbe, aber gleichzeitig das Grau im Hintergrund.
Noch zum Verständnis, ich nutze das Theme "Classic" von Aris, habe aber die css-Datei für die Tableiste abgeschaltet, weil ich mir diese selbst (mit den vielen guten Codes von hier) angelegt habe.

Grüße

FuchsFan

Andreas, mach Dir bitte keine weiteren Gedanken mehr dazu, ich bin schon damit zufrieden. Nimmt man eine dunklere Farbe, so fällt es überhaupt nicht mehr auf.
Herzlichen Dank für Deine Bemühungen.

Grüße

2002Andreas

Mir ist leider auch noch nichts dazu eingefallen :oops:

Da muss wenn dann mal ein wirklicher Fachmann ran.

FuchsFan

Ja, wird wohl so sein.
Ich habe auch mit allen möglichen Codes probiert, weil es ja auch möglich ist, die Hintergründe "normaler" Tabs auszublenden, aber nichts davon hat geholfen. Wenn Du schon nicht weißt, na ich dann erst :oops::oops::oops::traurig::traurig:

Grüße