Ich muss das mal in Ruhe hier überprüfen...sorry für meine wohl falsche Aussage.
Und..ganz vergessen..herzlichen Dank für den Code aus Beitrag Nr. 32
Danke. Alles klar und kein Problem, wenn du etwas als nicht funktionstüchtig zurückmeldest, ganz im Gegenteil: Oft ist ja wirklich dann etwas im Argen oder eine bestimmte Konfiguration läuft nicht überall usw, usw..... 
.
und kein Problem
Danke für dein Verständnis. 
Wenn man/ich einen Fehler macht, dann muss man seinen Kopf auch dafür hinhalten.
Ich hatte alles für Shadow in das Nightlyprofil eingefügt, indem ich es aus einem anderen Nightlyprofil kopiert hatte.
Und auf die Schnelle hatte ich vergessen den neuen Pfad zur Testdatei zu ändern...peinlich😮
Jedenfalls dein Code funktioniert 
PS:
Dank auch an
@Nutzende für den Hinweis
Oft ist ja wirklich dann etwas im Argen oder eine bestimmte Konfiguration läuft nicht überall usw, usw.....
Sorry, dass ich hier für Betrieb gesorgt habe, aber das Zitat trifft in diesem Fall vollständig zu. Nachdem Du und auch Andreas das nochmals getestet habt, so war mir klar in dem Nightly konnte etwas nicht stimmen, und so war es auch. Obwohl nichts weiter installiert war, es wollte nicht gelingen. Schwamm drüber, denn in einem anderen Nightly funktioniert alles tadellos. Ich danke euch für euren Einsatz.
Ich habe dazu noch ein wenig gebastelt, stelle das hier mal rein, eventuell kann es Verwendung finden.
....für die userChrome.css
#PlacesToolbar menupopup{
--set-menupopup-color: black;
--set-menupopup-background: lightblue;
}
#scrollbutton-up,
#scrollbutton-down
{
background-color: var(--set-menupopup-background);
border: 1px solid blue;
border-radius: 5px;
height: 18px;
}
#scrollbutton-up > .toolbarbutton-icon,
#scrollbutton-down > .toolbarbutton-icon
{
fill: var(--set-menupopup-color);
}
#scrollbutton-up:hover,
#scrollbutton-down:hover
{
background-color: yellow;
border: 1px solid brown;
border-radius: 5px;
}
#scrollbutton-up:hover > .toolbarbutton-icon,
#scrollbutton-down:hover > .toolbarbutton-icon
{
fill: red;
}....für die userChromeShadow.css
#tabbrowser-arrowscrollbox::part(scrollbutton-up),
#tabbrowser-arrowscrollbox::part(scrollbutton-down)
{
fill: blue;
background-color: lightblue;
border: 1px solid dodgerblue;
max-height: 32px;
border-radius: unset;
}
#tabbrowser-arrowscrollbox::part(scrollbutton-up):hover,
#tabbrowser-arrowscrollbox::part(scrollbutton-down):hover
{
fill: red;
background-color: yellow !important;
border: 1px solid red;
} eventuell kann es Verwendung finden.
Ein Bild dazu wäre noch toll.
Ein Bild dazu wäre noch toll.
Du bekommst sogar mehrere.
Nur zur Kenntnis, das war nur der Code zum Test für mich, sollte also nur eine Anleitung für weitere Basteleien sein.
Lesezeichen-Ordner:
in Ruhe
bei Hover
In Tab-Bar der linke Button:
in Ruhe
bei Hover
Du bekommst sogar mehrere
Danke dir. Ich hab die Code von BrokenHeart im Beitrag-Nr: #32 etwas geändert.
Sieht jetzt mit den Links-/Rechts-Pfeilen bei mir so aus.
Ich versuche jetzt noch die Pfeile etwas fetter zu gestalten, also bold, aber krieg das irgendwie nicht hin.
Das wäre noch die Code:
/* TabLeiste Pfeile (nach Links und nach Rechts) ändern */
#tabbrowser-arrowscrollbox::part(scrollbutton-up),
#tabbrowser-arrowscrollbox::part(scrollbutton-down) {
fill: white;
fill: bold !important;
background-color: green;
margin-top: 1px !important;
margin-bottom: 9px !important;
padding-top: 2px;
padding-bottom: 1px
}
#tabbrowser-arrowscrollbox::part(scrollbutton-up):hover,
#tabbrowser-arrowscrollbox::part(scrollbutton-down):hover {
fill: white;
background-color: red!important;
}Sorry, dass ich hier für Betrieb gesorgt habe,
"Alles ist gut"... . Hauptsache es läuft jetzt...
Sorry, dass ich hier für Betrieb gesorgt habe
Naja..war ja sonst nix los...ergo..Bewegung/Betrieb hält jung
ich werd noch verrückt wegen diesen 3 Icons..
ändert man eins ändern sich auch die anderen..
ich glaube die sind zusammengeklebt.
etwas fetter zu gestalten
Zeile 6
fill: bold gibt es nicht.
fill ist für die Farbe.
Dicker machen geht nicht, dann brauchst du ein passendes eigenes Icon.
ich werd noch verrückt wegen diesen 3 Icons.
Nicht doch, blende sie doch einfach aus
Nicht doch, blende sie doch einfach aus
hab sie jetzt so gemacht, dass es passt.. und diesmal schaut 1 icon auf in die falschr richtung. 
hab sie jetzt so gemacht
3 unterschiedliche Höhen.
Teste mal mit diesen Bezeichnungen 
#alltabs-button > stack:nth-child(1) {
margin-top: 10px !important;
}
#new-tab-button.toolbarbutton-1.chromeclass-toolbar-additional {
margin-top: -19px !important;
}
#tabbrowser-arrowscrollbox::part(scrollbutton-down) {
padding-top: 0px !important;
}/*Für userChromeShadow.css*/
/* TabLeiste Pfeile (nach Links und nach Rechts) ändern */
#tabbrowser-arrowscrollbox::part(scrollbutton-up) {
list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/favicons/arrow-right11.png") !important;
transform: scale(0.9, 0.9) !important;
background-color: green;
margin-top: -6px !important;
margin-bottom: -1px !important;
padding-top: 2px;
padding-bottom: 1px
}
#tabbrowser-arrowscrollbox::part(scrollbutton-down) {
list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/favicons/arrow-left11.png") !important;
transform: scale(0.9, 0.9) !important;
background-color: green;
margin-top: -6px !important;
margin-bottom: -1px !important;
padding-top: 2px;
padding-bottom: 1px
}
#tabbrowser-arrowscrollbox::part(scrollbutton-up):hover,
#tabbrowser-arrowscrollbox::part(scrollbutton-down):hover {
background-color: red !important;
}
/*Für userChrome.css*/
#TabsToolbar #new-tab-button {
list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/favicons/neutab.png") !important;
transform: scale(1.0, 1.0) !important;
background-color: blue;
margin-top: -0px !important;
margin-bottom: 5px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
}
#alltabs-button {
list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/favicons/arrow-down.png") !important;
transform: scale(1.0, 1.0) !important;
fill: white !important;
background-color: blue;
margin-top: -1px !important;
margin-bottom: 10px !important;
padding-top: -5px !important;
padding-bottom:0px !important;
}
#alltabs-button:hover,
#TabsToolbar #new-tab-button:hover {
--toolbarbutton-hover-background: red !important;
}und so siehts aus..
ich rauch jetzt mal eins und danach die wäsche holen gehen im wäscheraum..
FuchsFan :
Eine Sache ist mir noch bei deinem CSS-Code aufgefallen: Du solltest in der 'userChrome.css' auch bei :hover, zumindest für die Farben, Variablen verwenden, da du sonst z.B. die Scrollbuttons in der Tableiste ebenfalls einfärbst. Das war ja auch der Sinn der Variablen-Deklaration, dass man damit die Wirksamkeit der gesetzten Eigenschaften bei ShadowRoot-Elementen auf einen bestimmten Bereich festlegen kann.
Bei dir fällt das jetzt nicht weiter auf, da du auch in der 'userChromeShadow.css' mehr oder weniger die gleichen Anpassungen vornimmst. Aber wenn du die Anpassungen für die Tab-Scrollbuttons in der 'userChromeShadow.css' testweise mal weg lässt, dann hast du beim hovern den gleichen gelben Hintergrund und rot als Füllfarbe, wie bei den Lesezeichen-Popups.
zumindest für die Farben, Variablen verwenden, da du sonst z.B. die Scrollbuttons in der Tableiste ebenfalls einfärbst.
Danke, BrokenHeart , deinen Hinweis in Ehren, aber dazu reichen meine bescheidenen Kenntnisse nicht aus. 
Ich lerne immer etwas Neues mit, aber es muss mir dann auch gezeigt werden, damit ich dann mit der Bastelei beginnen kann, denn nur so habe ich mir bisher die Kenntnisse erarbeitet.
Mit Variablen habe ich mich überhaupt noch nicht befasst. In manchen Codes habe ich sie auch drin, traue mich nicht diese überhaupt anzufassen.
Naja..war ja sonst nix los...ergo..Bewegung/Betrieb hält jung
Schön, Andreas, dass du das so gelassen aufnimmst.
ich werd noch verrückt wegen diesen 3 Icons..
Eines kann ich dir verraten, um allen die richtige Breite/Höhe zu geben, da habe ich wohl einen ganzen Tag mit verbracht. Eine große Rolle dabei ist auch die Tabhöhe, wird die geändert, dann ändern sich auch die Button, bzw. verschieben sich.
Ich wünsche dir weiter viel Erfolg dabei.
Ich lerne immer etwas Neues mit, aber es muss mir dann auch gezeigt werden, damit ich dann mit der Bastelei beginnen kann
Na dann, hier was zum "Basteln"...
Ich habe mal die Änderungen in deinen CSS-Code vorgenommen (es ist bei 'hover' analog zur 'unge-hover-ten' Ansicht) :
Hinzugefügt: Zeile 4 und 5
Geändert: Zeile 26 und 34
#PlacesToolbar menupopup{
--set-menupopup-color: black;
--set-menupopup-background: lightblue;
--set-menupopup-hover-color: red;
--set-menupopup-hover-background: yellow;
}
#scrollbutton-up,
#scrollbutton-down
{
background-color: var(--set-menupopup-background);
border: 1px solid blue;
border-radius: 5px;
height: 18px;
}
#scrollbutton-up > .toolbarbutton-icon,
#scrollbutton-down > .toolbarbutton-icon
{
fill: var(--set-menupopup-color);
}
#scrollbutton-up:hover,
#scrollbutton-down:hover
{
background-color: var(--set-menupopup-hover-background);
border: 1px solid brown;
border-radius: 5px;
}
#scrollbutton-up:hover > .toolbarbutton-icon,
#scrollbutton-down:hover > .toolbarbutton-icon
{
fill: var(--set-menupopup-hover-color);
}Ich wünsche dir weiter viel Erfolg dabei.
Dankeschön
Na dann, hier was zum "Basteln"...
Ich danke dir, das leuchtet ein, und ist nachvollziehbar, wo was wirkt.
Endlich geschaft!!!
Jetzt noch das "alltabs-button" wenn man draufklickt und die Tabs angezeigt werden dort das hover farbe ändern. Dann ist TipTop!
hmm... diese Code funkt nicht..
#alltabs-button[badged="true"] {
--button-active-bgcolor: red !important;
}Jemand eine Idee?
Jetzt noch das "alltabs-button"
Teste bitte, Farben anpassen.
#alltabs-button > stack{
background: green !important;
}
#alltabs-button:hover > stack{
background: red !important;
}
#alltabs-button {
--toolbarbutton-hover-background: yellow !important;
--toolbarbutton-active-background: green !important;
fill: white !important;
}
