Hallo zusammen,
mit Eurer Hilfe und den zufällig gefundenen CSS-Files des Autors von Classic Theme Restorer habe ich mir meinen Firefox Quantum jetzt - bis auf eine Kleinigkeit - wirklich zurechtgebogen.
Und diese Kleinigkeit ist eben das was im Betreff steht.
Ich benutze folgenden Code:
/*AGENT_SHEET*/
/* Firefox 57+ userChrome.css tweaks ****************************************************/
/* code mostly taken from 'Classic Theme Restorer' & 'Classic Toolbar Buttons' add-ons **/
/* by Aris (aris-addons@gmx.net)*********************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/
/* color names, hexcodes, rgb(a) and hsl(a) and gradients can be used */
/*******************************************/
/* background color on toolbars ************/
#main-window * #navigator-toolbox toolbar {
background: linear-gradient(to bottom,#E5F3FF,#E5F3FF) !important;
}
/*******************************************/
/* selected tab ****************************/
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab[selected] .tab-content {
background: linear-gradient(to bottom,#66FFFF,#33CCFF) !important; /*RGB(102,255,255),RGB(51,204,255)*/
}
/*******************************************/
/* default tab *****************************/
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab .tab-content {
background: linear-gradient(to bottom,#E5F3FF,#E5F3FF) !important;
border: 1px solid black !important;
border-bottom: none !important;
}
/*******************************************/
/* hovered tab ****************************/
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab:hover:not([selected]) .tab-content {
background: linear-gradient(to bottom,#FFFAF0,#FFFAF0) !important;
}
/*******************************************/
/* unloaded/pending tab ********************/
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab[pending] .tab-content {
background: linear-gradient(to bottom,#E5F3FF,#E5F3FF) !important;
}
/*******************************************/
/* unread tab ******************************/
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab[unread] .tab-content {
background: linear-gradient(to bottom,#E5F3FF,#E5F3FF) !important;
}
/*******************************************/
/* new tab *********************************/
#TabsToolbar #tabbrowser-tabs .tabs-newtab-button {
background: linear-gradient(to bottom,#E5F3FF,#E5F3FF) !important;
}
/*******************************************/
/* hovered new tab *************************/
#TabsToolbar #tabbrowser-tabs .tabs-newtab-button:hover {
background: linear-gradient(to bottom,#FFFAF0,#FFFAF0) !important;
}
Alles anzeigen
Der größte Teil betrifft zwar die Tabs, aber der allererste Code-Abschnitt sollte nach meinem Dafürhalten die 4 Toolbars einfärben. Bei dreien klappt das auch, aber die Lesezeichen Symbolleiste bleibt einfach hellgrau (Standardtheme).
Der Original-Code lautete
/* background color on toolbars */
#main-window * #navigator-toolbox toolbar:not(#TabsToolbar):not(#toolbar-menubar) {
background: linear-gradient(to bottom,#FFCC99,#FFCC99) !important;
}
hab aber nur die URL-Leiste mit den Symbolen und die Lesezeichen-Leiste eingefärbt. Duch Herausnehmen der :not-Definitionen wollte ich die Einfärbung auf alle 4 Leisten ausweiten, aber leider vergisst er jetzt die Lesezeichen-Leiste.
Hat irgendwer eine Idee, was da verkehrt ist, und könnte mir einen entsprechenden Tipp geben?
Herzlichen Dank im voraus,
Peter