Tabs einfärben 89 und mehr

/*Hintergrund bei den Buttons in der Tableiste: +, <, >, v bei Hover und beim draufklicken */
#TabsToolbar {
--toolbarbutton-hover-background:  rgb(83, 77, 78) !important;
--toolbarbutton-active-background:  rgb(105, 100, 101) !important;
}

/*Tab-Leiste Hintergrundfarbe geändert und weiße Schrift */
#TabsToolbar {
color:#fff!important;
background: #221B1C !important;
}

/* < und > Buttons (wenn Tableiste sehr voll) weiß eingefärbt */
#toolbarbutton, #scrollbutton-down,#scrollbutton-up, #tabbrowser-arrowscrollbox::part(scrollbutton-up), #tabbrowser-arrowscrollbox::part(scrollbutton-down) {
fill: rgb(255, 255, 255)!important;
}

/*v-Button für Alle Tabs auflisten (wenn Tableiste sehr voll) weiß eingefärbt */
#alltabs-button {
fill: rgb(255, 255, 255)!important;
}

/* + Button für neuer Tab weiß eingefärbt */
#tabs-newtab-button, #TabsToolbar #new-tab-button {
fill: rgb(255, 255, 255)!important;
}

/*Fette Schrift in URL-Bar */
#urlbar{
font-weight: 600 !important
}

/* Weiße Schrift in allen Tabs, hellrot/kursiv in ungelesenen Tabs und lila/kursiv im privaten ungelesenen Tabs 
Nötig ist Erweiterung https://addons.mozilla.org/de/firefox/addon/tab-flag/ Bei Options ▶ eingestellt */
#main-window .tabbrowser-tab { color:#fff!important; }

#main-window .tabbrowser-tab[titlechanged] {
    font-style: italic;
    color:#db0101!important;
}

#main-window[privatebrowsingmode=temporary] .tabbrowser-tab[titlechanged] {
    font-style: italic;
    color:#911be1!important;
}

/* aktiven Tab einfärben (ab ff 89) */
#main-window .tab-background[selected]{
background-color:transparent!important;
box-shadow: inset 0px 0px 40px 0px #ee0909 !important;
}

/*Inaktiver Tab Hintergrund eingefärbt (ab ff 89) */
#main-window .tabbrowser-tab:not([hover]) .tab-background:not([selected]):not([multiselected]) {
box-shadow: inset 0px 0px 40px 0px #909090 !important;
opacity: .6 !important;
}
/*Inaktiver Tab Hintergrund eingefärbt aber  bei Hover etwas stärker(ab ff 89) */
#main-window .tabbrowser-tab:hover .tab-background:not([selected]):not([multiselected]) {
box-shadow: inset 0px 0px 40px 0px #909090 !important;
opacity: .9 !important;
}

/* Tabs einfärben wenn alle Tabs ausgewählt sind (ab ff 89) */
#main-window .tab-background[multiselected]:not([selected]) {
background-color:transparent!important;
box-shadow: inset 0px 0px 40px 0px #ee0909 !important;
}

/*im privaten Modus:aktiven Tab einfärben (ab ff 89) */
#main-window[privatebrowsingmode=temporary] .tab-background[selected] {
background-color:transparent!important;
box-shadow: inset 0px 0px 40px 0px #610DAB !important;
}

/*im privaten Modus:Inaktiver Tab Hintergrund eingefärbt (ab ff 89) */
#main-window[privatebrowsingmode=temporary] .tabbrowser-tab:not([hover]) .tab-background:not([selected]):not([multiselected]) {
box-shadow: inset 0px 0px 40px 0px #909090 !important;
opacity: .6 !important;
}

/*im privaten Modus:Inaktiver Tab Hintergrund eingefärbt aber  bei Hover etwas stärker(ab ff 89) */
#main-window[privatebrowsingmode=temporary] .tabbrowser-tab:hover .tab-background:not([selected]):not([multiselected]) {
box-shadow: inset 0px 0px 40px 0px #909090 !important;
opacity: .9 !important;
}

/*im privaten Modus:Tabs einfärben wenn alle Tabs ausgewählt sind (ab ff 89)*/
#main-window[privatebrowsingmode=temporary] .tab-background[multiselected] {
background-color:transparent!important;
box-shadow: inset 0px 0px 40px 0px #610DAB !important;
}

/*Tab Schließen-Kreuz anzeigen bei vielen Tabs wenn gehovert wird */
.tabbrowser-tab:hover .tab-close-button {
display: block !important; 
}