Tab-Hintergrund blau färben (userChrome.css)

worel

Hallo,

ich möchte den Hintergrund der Tabs blau einfärben
(siehe roter Pfeil in untenstehender Grafik).

Wie muss die userChrome.css aussehen?

Hier meine derzeitige userChrome.css zum Einfärben des aktiven Tabs:

CSS

/* Aktiver Tab */
.tabbrowser-tab[selected] .tab-content {
    background: #006800 !important;
    color: #FFF !important;
}
.tabbrowser-tab[selected] .tab-content:hover{
    background: #D1E2F2 !important;
    color: #000 !important; 
}

Zitronella

also blau statt deinem https://www.color-hex.com/color/006800 grün? dann such dir doch dort den entsprechenden Farbcode raus und tausche ihn aus. Oder habe ich dich falsch verstanden?

worel

Ich meine den Bereich neben dem Tab, der in dem Bild momentan schwarz ist. Dieser soll blau werden.

Zitronella

Achso du meinst die Tableiste, und nicht den Tab (wie du oben geschrieben hast)

worel

Ja, die Tableiste.

Zitronella

geht mit

CSS

/*Tableiste einfärben */
[tabsintitlebar]:root:not(:-moz-lwtheme){background-color: #0051ff!important}

aber vielleicht hat jemand da noch einen anderen (besseren?) Vorschlag.

worel

Habe den Code in der userChrome.css eingetragen und den Browser neu gestartet, aber die Tableiste ist immer noch schwarz (statt blau).

Zitronella

Dann werkelt bei dir noch was anderes dazwischen

Aber teste mal stattdessen

CSS

/*Tableiste einfärben */
toolbar#TabsToolbar
{
-moz-appearance: none !important;
background-color: #0051ff !important;
}

worel

Hat geklappt, Tableiste ist blau. -Danke.

Zitronella

Es ist auch immer ein Unterschied was man eingestellt hat. Bei dir ist sowohl die Titelleiste, als auch die Menüleiste eingeblendet. Wären sie es nicht hätte es auch mit meinen beiden Codes gepasst.

Blendest du beide aus, dann ist die Tableiste mit dem von reni geposteten Code nicht mehr blau.

Leisten Bezeichnungen in Firefox:

2002Andreas

Zitat von reni

Damit ist es bei mir blau:

Dann ist aber auch die Menübar blau, und nicht nur die Tableiste.

Ansonsten:

CSS

#TabsToolbar {
   background: #0051ff !important;
}

Zitronella

Dieser von 2002Andreas gepostete Code scheint mir am saubersten. Der von reni färbt noch einiges ein was man vielleicht nicht haben möchte wie zb. die Sidebar und die Warn-Meldung wenn man mehrere Tabs schließen möchte.