Es ist vollbracht: der Fuchs schaut jetzt (fast) so aus wie ich es mir vorgestellt habe 
Im privaten Fenster sieht es dagegen nicht gut aus. Die Schrift in den Leisten oben ist weiß und der Hintergrund schwarz.
Wie stelle ich es an, dass es in beiden Fällen identisch aussieht? Brauch es dafür eine separate CSS?
Brauch es dafür eine separate CSS?
Für den privaten Modus im obigen Beispiel sieht das so aus:
#main-window[privatebrowsingmode=temporary] #menubar-items {
color: yellow !important;
}da habe ich ja noch etwas Arbeit vor mir.
Normalerweise sollten die Codes auch im privaten Fenster funktionieren
Nur wenn dort etwas anders sein soll, dann macht man das mit dem obigen Code.
Poste doch bitte mal deinen kompl. genutzten Code zwecks Test hier.
So sieht das hier im privaten Fenster aus:
und so im normalen:
Alle meine Codes funktionieren identisch.
Nur der Text oben wurde in lila angepasst für das private Fenster.
Bitteschön
Danke
Ich musste doch einiges anpassen
Teste bitte mal:
@-moz-document url-prefix(chrome://browser/content/browser.xhtml) {
#TabsToolbar { order: 2;
}
#nav-bar{ border-top-width: 0px !important;
}
/* Allgemein */
/* Eckige statt abgerundete Elemente */
:root {
--border-radius-xsmall: 0 !important;
--border-radius-small: 0 !important;
--border-radius-medium: 0 !important;
--border-radius-large: 0 !important;
--border-radius-xlarge: 6px !important;
--border-radius-circle: 0 !important;
}
/* ------------------------------------------------------------------------------- */
/* Farben */
/* Menüleiste */
#toolbar-menubar {
background-color: #cccccc !important;
}
/* Tableiste */
#TabsToolbar-customization-target {
background-color: #dddddd !important;
}
/* Adressleiste */
#nav-bar {
background-color: #eeeeee !important;
}
[privatebrowsingmode] .titlebar-buttonbox-container {
color: black !important;
}
[privatebrowsingmode] #PlacesToolbarItems > toolbarbutton > image,
[privatebrowsingmode] .toolbarbutton-1 {
fill: black !important;
}
/* Lesezeichenleiste */
#PersonalToolbar {
background-color: #cccccc !important;
color: black !important;
}
/* Tabs */
toolbarbutton.private-browsing-indicator-button,
.tabbrowser-tab .tab-background {
background-color: #cccccc !important;
outline: none !important;
}
tab.tabbrowser-tab .tab-content[selected] {
color: black !important;
}
/* Tabs selected*/
.tabbrowser-tab:is([visuallyselected], [multiselected]) .tab-background {
background-color: #ffffff !important;
}
/* Tabs multiselected */
.tabbrowser-tab:not([visuallyselected])[multiselected] .tab-background {
background-color: #ffffff !important;
}
/* Tabs multiselected Hover */
.tabbrowser-tab:not([visuallyselected]):hover .tab-background {
background-color: #ffffff !important;
}
/* Tabs unselected Hover */
.tabbrowser-tab:not([visuallyselected], [multiselected]):hover .tab-background {
background-color: #cccccc !important;
}
/* Adressfeld in weiß */
#urlbar .urlbar-input-container {
background-color: #ffffff !important;
color: #000000 !important;
}
/* Suchfeld in weiß */
#searchbar-new.urlbar div.urlbar-background {
background-color: #ffffff !important;
color: #000000 !important;
}
/* Rahmen um Adress- und Suchfeld */
#urlbar,
#searchbar-new.urlbar div.urlbar-background {
border: 1px solid #cccccc !important;
border-radius: 6px !important;
}
/* Auswahl Suchmaschine */
.searchmode-switcher {
--button-background-color-muted: #ffffff !important;
--button-background-color-muted-hover: #cccccc !important;
--button-background-color-muted-active: #cccccc !important;
--button-background-color-muted-disabled: #cccccc !important;
--button-text-color-muted: #000000 !important;
--button-text-color-muted-hover: #000000 !important;
--button-text-color-muted-active: #000000 !important;
--button-text-color-muted-disabled: #000000 !important;
}
/* ------------------------------------------------------------------------------- */
/* Anpassungen im privaten Fenster */
/* Menüschrift in schwarz */
#main-window[privatebrowsingmode=temporary] #menubar-items {
color: #000000 !important;
}
/* ------------------------------------------------------------------------------- */
/* Diverse */
/* Entfernung "Barrierefreiheit-Eigenschaften untersuchen" aus Seiten-Kontextmenue */
#context-inspect-a11y {
display: none !important;
}
/* Tab-Schließen-Button weniger Abstand, etwas größer */
#TabsToolbar .tab-close-button {
margin-right: -2px !important;
padding: 0 !important;
height: 15px !important;
width: 15px !important;
color: #000000 !important;
}
/* Tab-Schließen-Button immer sichtbar */
.tab-close-button {
display: flex !important;
}
/* Anwendungsmenü Zeilenabstände */
#appMenu-popup .subviewbutton {
padding-top: 0px !important;
}
/* Kontextmenü Zeilenabstände*/
menupopup > menuitem,
menupopup > menu
{
padding-block: 2px !important;
padding-inline-start: 14px !important;
}
/* ------------------------------------------------------------------------------- */
/* Icons im Hamburgermenü */
/* Icon Abstand + Farbe weiß/schwarz je nach Theme */
#appMenu-multiView .subviewbutton > .toolbarbutton-icon {
margin-inline: 0 6px !important;
fill: currentColor;
-moz-context-properties: fill;
}
/* Neuer Tab */
#appMenu-new-tab-button2 {
list-style-image: url("chrome://browser/skin/sidebar-collapsed.svg");
}
/* Neues Fenster */
#appMenu-new-window-button2 {
list-style-image: url("chrome://browser/skin/window.svg");
}
/* Neues privates Fenster */
#appMenu-new-private-window-button2 {
list-style-image: url("chrome://browser/skin/tab.svg");
}
/* Lesezeichen */
#appMenu-bookmarks-button {
list-style-image: url("chrome://browser/skin/bookmark-star-on-tray.svg");
}
/* Chronik */
#appMenu-history-button {
list-style-image: url("chrome://browser/skin/history.svg");
}
/* Download */
#appMenu-downloads-button {
list-style-image: url("chrome://browser/skin/downloads/downloads.svg");
}
/* Passwörter */
#appMenu-passwords-button {
list-style-image: url("chrome://browser/skin/login.svg");
}
/* Add-ons und Themes */
#appMenu-extensions-themes-button {
list-style-image: url("chrome://mozapps/skin/extensions/extension.svg");
}
/* Drucken */
#appMenu-print-button2 {
list-style-image: url("chrome://global/skin/icons/print.svg");
}
/* Seite speichern unter */
#appMenu-save-file-button2 {
list-style-image: url("chrome://browser/skin/import.svg");
}
#appMenu-save-file-button2 image {
transform:rotate(90deg)!important;
}
/*Seite übersetzen*/
#appMenu-translate-button {
list-style-image: url(chrome://browser/skin/translations.svg) !important;
}
/*In Seite suchen*/
#appMenu-find-button2 {
list-style-image: url("chrome://global/skin/icons/search-glass.svg");
}
/* Zoom */
#appMenu-zoom-controls > label {
padding-bottom: 27px !important;
padding-left: 22px !important;
content: '' !important;
display: block !important;
width: 19px !important;
height: 16px !important;
background-image: url("chrome://browser/skin/fullscreen.svg") !important;
background-repeat: no-repeat !important;
background-position: 0px 4px !important;
background-size: 15px 21px !important;
-moz-context-properties: fill;
}
#appMenu-zoom-controls > label:hover {
background-color: #cccccc !important;
border-radius: 6px !important;
}
/* Vollbild */
#appMenu-fullscreen-button2::before {
content: "Vollbild" !important;
color: unset !important;
margin-right: 9px !important;
}
/* Hintergrund bei hover über Sync + Zoom */
panelmultiview .toolbaritem-combined-buttons:hover {
background-color: #cccccc !important;
border-radius: 6px !important;
}
/*Einstellungen */
#appMenu-settings-button {
list-style-image: url("chrome://global/skin/icons/settings.svg");
}
/*Weitere Werkzeuge */
#appMenu-more-button2 {
list-style-image: url(chrome://browser/skin/permissions.svg);
}
/* Hilfe */
#appMenu-help-button2 {
list-style-image: url("chrome://global/skin/icons/help.svg");
}
/* Beenden */
#appMenu-quit-button2 {
list-style-image: url("chrome://global/skin/icons/close.svg");
}
}Zeile 3 passte gar nicht mehr, das muss jetzt order heißen.
Mach bitte mal etwas anderes.
Nimm deinen alten Code, nur Zeile 3 ändern, und dann in about:config den Wert:
browser.theme.dark-private-windows auf false setzen.
Das sollte eigentlich reichen.
Ganz rechts den Farbverlauf kannst du so ändern:
:root:not([theme-image-in-toolbox]) body,
:root[theme-image-in-toolbox] #navigator-toolbox
background: lightgrey !important;
}Tabs bitte wieder über der Symbol-Leiste
Dann Zeile 3 - 4 wieder ändern.
Wunderbar!
Privates Fenster schaut jetzt gut aus, bis auf den schwarzen Fensterinhalt. Kann man den ändern?
Tab-Leiste ist durch Einfügen des ursprünglichen Codes in Zeile 3 wieder oben. Kurioserweise war durch die Änderung in Zeile 3 auch der Punkt "Neustart" unter Menü/Datei sowie im Hamburger-Menü verschwunden. Ist jetzt aber wieder da.
Farbverlauf rechts habe ich nicht ... oder ich bin farbenblind
Dankeschön! 
des ursprünglichen Codes in Zeile 3 wieder oben.
Der Code hat keine Funktion mehr
Die Tableiste ist eh oben:
bis auf den schwarzen Fensterinhalt.
Meinst du das?
Wenn ja:
html.private {
background-color: white !important;
color: black !important;
}Der Code hat keine Funktion mehr
Die Tableiste ist eh oben
In der Tat!
Meinst du das?
Wenn ja:
CSShtml.private { background-color: white !important; color: black !important; }
Hmm, das funktioniert hier leider nicht, Hintergrund bleibt schwarz 
das funktioniert hier leider nicht
Hast du das auch in die userContent.css eingetragen?
Funktioniert trotzdem nicht.
Und so?
@-moz-document url("about:privatebrowsing") {
html.private {
background-color: white !important;
color: black !important;
}
}Auch dann nicht.
Verstehe ich nicht
Funktioniert hier in versch. Profilen und Versionen einwandfrei.
Mit deinem Code:
Ist nicht weiter tragisch. Zerbreche dir bitte nicht den Kopf, wir brauchen dich hier noch
Werde später nochmal testen ...
Werde später nochmal testen ...
ok
wir brauchen dich hier noch
danke
So, bin nach ausgiebiger Fehlersuche einen kleinen Schritt weitergekommen, eine Lösung habe ich indes noch nicht parat.
In einem frischen Profil taucht der Fehler nicht auf, unabhängig von irgendwelchen Einstellungen, Erweiterungen, Scripten oder Einträgen in CSS. Bei Aufruf eines privaten Fensters ist der Fensterinhalt immer hell.
Ich habe daraufhin mal mein bestehendes Hauptprofil kopiert, dann nach und nach alle Erweiterungen, Scripte und Einträge in CSS entfernt. Auch das Löschen von Cookies und Browser-Daten hilft nicht. Der Fehler bleibt, d. h. der Fensterinhalt des privaten Fensters ist beim erstmaligen Aufruf immer schwarz. Öffne ich darin einen weiteren Tab, wird dieser normal hell angezeigt.
Jetzt kommts:
Wähle ich unter Einstellungen / Datenschutz & Sicherheit "Chronik niemals anlegen" ist der Fehler weg
Das ist jederzeit reproduzierbar. Aktiviere ich dagegen "Chronik anlegen" oder "Chronik anpassen" ist der Fehler sofort wieder da. In einem frischen Profil spielt die Einstellung übrigens keine Rolle.
Nun, die Chronik brauche ich nicht zwingend, leider funktioniert dann aber auch die Erweiterung "Neuer-Tab-Tools" nicht mehr, worauf ich ungerne verzichten würde. Dann nehme ich eher den schwarzen Bildschirm in Kauf.
Was nun? Wer kann mir den Zusammenhang erklären? Wass kann ich noch tun (außer ein neues Profil anzulegen)?
Wähle ich unter Einstellungen / Datenschutz & Sicherheit "Chronik niemals anlegen" ist der Fehler weg
Das ist klar, weil das dann dem dauerhaften privaten Modus entspricht, und es ansonsten keinen weiteren Hinweis darauf gibt.
In einem frischen Profil taucht der Fehler nicht auf
Weil dort die Einstellung aktiv ist, keine Chronik anzulegen.
Was nun?
Gute Frage
Es wäre schön, wenn ein anderer User den Code aus Beitrag Nr. 14 auch mal testen könnte, danke dafür.
