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.
