Mal sehen, ob ich eine Lösung finde
Was CSS angeht, wer, wenn nicht du.
Ich denke aber eher, das es am Skript-Code liegt, die Zeilen 38 bis 40, wo CSS eingelesen wird. Denn im CSS-Code sehe ich keinen Anhaltspunkt, der den normalen Modus vom privaten Modus trennt. Es könnte auch an der Wirkung des privaten Modus liegen.Wenn das mit dem Skript-Code stimmt, brauchen wir unseren lieben Retter in der Not. 
Es liegt eindeutig an einem privaten Fenster.
Da wird wohl wenn dann nur unser Fachmann aborix etwas dran ändern können. 
Auch diese Variante im Script funktioniert nicht:
#main-window[privatebrowsingmode]#context-to-top {\
list-style-image: url("chrome://browser/skin/downloads/download-icons.svg#arrow-with-bar");\
transform: rotate(180deg) !important;\
}\Ein Leerzeichen vielleicht zwischen den beiden IDs?
Auch schon versucht...hilft nichts 
Ich habe privatebrowsingmode nur einmal im Seiteninspektor gefunden. Da steht es allein und scheint kein Attribut zu sein. Schreib mal einfach privatebrowsingmode vor #context-top
Es liegt eindeutig an einem privaten Fenster.
Das kann ich nicht bestätigen. Ich habe dein Script mal in Firefox ESR 78 ausgeführt (weil es die Icons auf macOS nicht mehr gibt) und mal hat das mit dem Pfeil gepasst und mal nicht. Private Fenster waren zu keinem Zeitpunkt geöffnet, jeder Test wurde in regulären Fenstern durchgeführt.
Schreib mal einfach
Auch damit nicht:
privatebrowsingmode#context-to-top {\
list-style-image: url("chrome://browser/skin/downloads/download-icons.svg#arrow-with-bar");\
transform: rotate(180deg) !important;\
}\Auch mit Leerfeld vor # nicht.
Das kann ich nicht bestätigen.
Hallo Sören..
nach mehrmaligen Versuchen, das Icon ändert sich in einem neuen privaten Fenster jedesmal, dauert nur eine Weile.
Ach, es scheint, dass die Stelle wo privatebrowsingmode vorkommt einfach von dir stammt und in span-Elementen aufgelistet sind. Also der Eintrag ist kein CSS.
Jetzt habe ich das mal aus dem CSS Code entfernt:
@-moz-document url("chrome://browser/content/browser.xhtml") { \Ich teste das jetzt seit 5 Minuten, und das Icon verändert sich nicht mehr
Ich teste das jetzt seit 5 Minuten, und das Icon verändert sich nicht mehr
Also, hier ist der Fehler bisher auch nicht mehr reproduzierbar, das war es dann wohl. Prima! 
Die Farbe der Icons lässt sich nicht mehr ändern mit dem eingebauten css-Code (unabhängig von der Änderung), kann das mal überprüft werden.
Die Farbe der Icons lässt sich nicht mehr ändern
Nur auf die Schnelle für ein Icon.
//ScrollTopAndBottom.uc.js
(function() {
let menuitem = document.createXULElement('menuitem');
menuitem.id = 'context-to-top';
menuitem.classList.add('menuitem-iconic');
menuitem.setAttribute('tooltiptext' , '');
menuitem.style.listStyleImage='url("chrome://browser/skin/downloads/download-icons.svg#arrow-with-bar")';
menuitem.setAttribute('oncommand' , "ownerGlobal.gBrowser.selectedBrowser.messageManager.loadFrameScript(' data: , content.scrollTo(0,0) ' , false);");
let refItem = document.getElementById('context-reload');
refItem.parentNode.insertBefore(menuitem, refItem);
})();
(function() {
let menuitem = document.createXULElement('menuitem');
menuitem.id = 'context-to-bottom';
menuitem.classList.add('menuitem-iconic');
menuitem.setAttribute('tooltiptext' , '');
menuitem.style.listStyleImage='url("chrome://browser/skin/downloads/download-icons.svg#arrow-with-bar")';
menuitem.setAttribute('oncommand' , "ownerGlobal.gBrowser.selectedBrowser.messageManager.loadFrameScript(' data: , content.scrollTo(0,100000) ' , false);");
let refItem = document.getElementById('context-reload');
refItem.parentNode.insertBefore(menuitem, refItem);
var css = '\
#context-to-top { \
list-style-image: url("chrome://browser/skin/downloads/download-icons.svg#arrow-with-bar");\
transform: rotate(180deg) !important;\
color: red !important;\
}';
var cssUri = Services.io.newURI('data:text/css,' + encodeURIComponent(css), null, null);
var SSS = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
SSS.loadAndRegisterSheet(cssUri, SSS.AGENT_SHEET);
})();privatebrowsingmode=temporary gibt es tatsächlich, aber mit :root und zwar in der browser.css.
:root([privatebrowsingmode=temporary]
Mir ist gerade aufgefallen, dass eigentlich eine schließende geschweifte Klammer fehlen müsste. Am Ende von Zeile 36, für die CSS-Regel von :hover. Die Klammer in Zeile 37 sollte die für @-moz-document sein. In dem Moment, wenn du die @-moz-document-Regel entfernst, stimmt die Anzahl der Klammern.
privatebrowsingmode=temporary gibt es tatsächlich
Hier mal ein Beispiel-Code den ich hier habe, wie die Tableiste im privaten Fenster unten ist:
/*Tableiste unten im privaten Fenster*/
/*Lila Icon oben rechts*/
#main-window[privatebrowsingmode=temporary] #PanelUI-menu-button.toolbarbutton-1 stack.toolbarbutton-badge-stack {
padding-left: 30px !important;
background: url("chrome://browser/skin/private-browsing.svg")no-repeat !important;
}
#main-window[privatebrowsingmode=temporary] .private-browsing-indicator {
display: none !important;
}
/*Activer Tab lila Hintergrund*/
#main-window[privatebrowsingmode=temporary] #toolbar-menubar:not([autohide="true"]) + #TabsToolbar .tabbrowser-tab > .tab-stack > .tab-background[selected],
#main-window[privatebrowsingmode=temporary]:root:not([tabsintitlebar]) .tab-background[selected],
#main-window[privatebrowsingmode=temporary] :root[extradragspace] .tab-background[selected]{
background: indigo !important;
}
/*Activer Tab weiße Schrift*/
#main-window[privatebrowsingmode=temporary] .tabbrowser-tab[selected]{
color: white !important;
padding-top: 6px !important;
}
/*Inaktiver Tab Hintergrund blasser*/
#main-window[privatebrowsingmode=temporary] .tab-background:not([selected]) {
opacity: .6 !important;
background: indigo !important;
padding-top: 6px !important;
}
/*Inaktiver Tab weiße Schrift*/
#main-window[privatebrowsingmode=temporary] .tabbrowser-tab:not([selected]) {
color: white !important;
}
#main-window[privatebrowsingmode=temporary] #TabsToolbar {
position: absolute !important;
display: flex !important;
bottom: 0px !important;
width: 100vw !important;
}
#main-window[privatebrowsingmode=temporary] .tab-line[multiselected],
#main-window[privatebrowsingmode=temporary] .tab-line[selected="true"] {
display: none !important;
}
#main-window[privatebrowsingmode=temporary] .tabbrowser-tab:not([visuallyselected="true"]),
#main-window[privatebrowsingmode=temporary] .tabbrowser-tab[visuallyselected="true"] {
margin-top: -4px !important;
max-height: 40px !important;
}
#main-window[privatebrowsingmode=temporary] #tabbrowser-tabs {
width: 100vw !important;
}
#main-window[privatebrowsingmode=temporary]:not([chromehidden*="toolbar"]) #navigator-toolbox {
padding-bottom: var(--tab-min-height) !important;
}
/*Höhe der Tabs im privaten Fenster*/
#main-window[privatebrowsingmode=temporary] {
--tab-min-height: 35px !important;
}
#main-window[privatebrowsingmode=temporary] #tabbrowser-tabs {
--tab-min-height: 35px !important;
}
/*Feste Breite der Tabs im privaten Fenster*/
#main-window[privatebrowsingmode=temporary] .tabbrowser-tab:not([pinned]) {
-moz-box-flex: 0!important;
width: 180px!important;
}
/*Damit wird der Tabtext am Ende nicht ausgeblendet*/
#main-window[privatebrowsingmode=temporary] .tab-label-container[textoverflow][labeldirection=ltr]:not([pinned]),
#main-window[privatebrowsingmode=temporary] .tab-label-container[textoverflow]:not([labeldirection]):not([pinned]):-moz-locale-dir(ltr) {
mask-image: none !important;
}Darum hatte ich das damit auch im Script getestet.
hier ist der Fehler bisher auch nicht mehr reproduzierbar, das war es dann wohl.
Ich denke auch dass das Problem jetzt behoben ist.
Ich denke auch dass das Problem jetzt behoben ist.
Ja, bisher nichts mehr entdeckt. Mit der Farbe ist geklärt, war Überschneidung mit anderem Code. Danke!
war Überschneidung mit anderem Code. Danke!
Alles ist gut, gerne doch
Die Klammer behebt den Fehler in einem privaten Fenster nicht. Aber nichtsdestotrotz fehlte sie.
