Helles Theme + Dark Mode

Hamlet

Moin!
Seit Firefox 96 habe ich folgendes Problem:

Ich benutze das Firefox C Theme (https://addons.mozilla.org/de/firefox/addon/firefox-c/),

hätte aber trotzdem gerne die dunkle Lesezeichen-Leiste und dunkle Firefoxseiten.

Ich bin also hingegangen und habe eingestellt:

Code

browser.theme.content-theme = 0
browser.theme.toolbar-theme = 0

Problem: Bei jedem Browser-Neustart guckt sich Firefox mein Theme an, entscheidet, dass es "hell" ist und setzt die Werte zurück auf:

Code

browser.theme.content-theme = 2
browser.theme.toolbar-theme = 1

Wie kann ich das verhindern?

Ich hätte wirklich gerne FirefoxC + Dunkle Lesezeichenleiste + Dunkle Websites

EDIT: Einen Hebel habe ich gefunden:

Code

layout.css.prefers-color-scheme.content-override = 0

Damit kann ich Websites, die das anbieten, in den Dark Mode schicken und die internen Firefox-Einstellungsseiten dunkel färben, aber die Lesezeichenleiste bleibt immer noch weiß.

Sören Hentzschel

Hallo,

das ist erwartet, da es sich dabei um keine Nutzer-Einstellung handelt, sondern um einen internen Wert. Du kannst den Wert via Unternehmensrichtlinie setzen und sperren. Erstelle dazu im Installationsverzeichnis von Firefox einen Ordner mit dem Namen distribution und darin eine Datei policies.json. Deren Inhalt muss wie folgt aussehen:

JavaScript

{
  "policies": {
    "Preferences": {
      "browser.theme.toolbar-theme": {
        "Value": 1,
        "Status": "locked"
      }
    }
  }
}

0 - Dunkel

1 - Hell

2 - System

Hamlet

Prima, das hat geholfen.

Ich habe das jetzt so eingefügt:

JavaScript

{
  "policies": {
    "Preferences": {
      "browser.theme.toolbar-theme": {
        "Value": 0,
        "Status": "locked"
      },
      "browser.theme.content-theme": {
        "Value": 0,
        "Status": "locked"
      }
    }
  }
}

Alles anzeigen

Hamlet

Die weiße Lesezeichen~~leiste~~Sidebar ist zurück!

Ich habe gerade das Update auf Firefox 140.0 gemacht.
Jahrlang hat mir die policies.json weitergeholfen - diese scheint seit v140 aber keinen Effekt mehr zu haben

Gibt es irgendeinen neuen Hebel, um die Lesezeichenleiste wieder dunkel zu bekommen?
Ich benutze nach wie vor Firefox 64bit im Dark Mode + Firefox C Theme (https://addons.mozilla.org/de/firefox/addon/firefox-c/) + policies.json

JSON

{
 "policies": {
   "Preferences": {
     "browser.theme.toolbar-theme": {
       "Value": 0,
       "Status": "locked"
     },
     "browser.theme.content-theme": {
       "Value": 0,
       "Status": "locked"
     }
   }
 }
}

Alles anzeigen

Hier ein aktueller Screenshot:

Sören Hentzschel

Damit niemand anderes in die gleiche Falle tappt wie ich: Der Themenstarter redet von der Lesezeichen-Sidebar und nicht von der Lesezeichenleiste.

ExxoneValdesse · Screenshot 2025-06-25 223729.png

Hallo liebe Firefox-Experten,

ich habe seit 139.0 (?) oder 140.0 ein Problem mit der Chronik-Sidebar (Lesezeichen-Sidebar ebenso).
Die dunkle Hintergrundfarbe stört mich nicht, solange der Text weiß ist.

Das ist aber nicht mehr der Fall. Schwarz auf schwarz kann man nicht lesen.
Mein Theme-Bild ist dunkel. Alle sonstigen Menüs sind schwarz.
Ich nutze die alte Firefox-Leiste unten.

Hat jemand einen Rat?

Sören Hentzschel

Das Problem sollte in Firefox 140.0.1 behoben sein.

GermanFreme82

Zitat von Sören Hentzschel

Das Problem sollte in Firefox 140.0.1 behoben sein.

Weißt du zufällig wann das Update kommt ?

Aktuell bekommt man nur Augenschmerzen bei dem Design !

Sören Hentzschel

Das Update wird sehr zeitnah kommen. Der Build ist bereits erstellt.

Bis dahin gibt es aber eh eine einfache Alternative, wenn es so störend ist: Nutze das Standard-Design von Firefox. Das Problem besteht nur mit manchen Drittanbieter-Themes.

GermanFreme82

Ok dann weiß ich bescheid und warte lieber, denn das Standard Design ist für mich keien Alternative.

Vielen Dank für die Info.

2002Andreas

Zitat von GermanFreme82

Vielen Dank für die Info.

Eben kam das Update hier:

ExxoneValdesse

Ja! Das Problem ist behoben. Vielen Dank für Eure Hilfe!

Hamlet

Mit der policies.json-Methode funktioniert es wieder (seit Firefox 140.0.1)

-> Was ist, wenn ich keine Schreibrechte im Installationsorder habe?
Gibt es da eine Alternative?

Ich habe versucht, es mit Hilfe der user.js zu lösen, so:

Code

lockPref("browser.theme.content-theme", 0);
lockPref("browser.theme.toolbar-theme", 0);

Das hat leider nicht funktioniert

Ich kann die Schalter manuell umstellen, aber nach jedem Firefox-Neustart ist die Lesezeichen-Sidebar wieder weiß statt schwarz (siehe oben).

2002Andreas

Zitat von Hamlet

ist die Lesezeichen-Sidebar wieder weiß statt schwarz.

Meinst du das so?

Das lässt sich dann auch mit einem CSS-Code machen.

Wenn du testen möchtest:

CSS

@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml") {

#sidebar-box,
.sidebar-placesTreechildren,
#sidebar-search-container,
#placesList > treechildren {
   background: black !important;
 }

.sidebar-placesTreechildren {
   color: white !important;
 }

treechildren::-moz-tree-cell-text(hover) {
   color: yellow !important;
 }
}

Alles anzeigen

GermanFreme82

Zitat von 2002Andreas

Zitat von GermanFreme82

Vielen Dank für die Info.

Eben kam das Update hier:

👍 genial DANKE

Hamlet

Danke! Ich musste erstmal checken, wie und wo der Code einzufügen ist, nämlich hier:
%APPDATA%\Mozilla\Firefox\Profiles\[Dein Profil]\chrome\userChrome.css

Außerdem muss dieser Schalter umgelegt werden: toolkit.legacyUserProfileCustomizations.stylesheets

So funktioniert's. Die Vorlage war gut, ist mir allerdings ein wenig zu aggressiv mit den gelben Highlights und dem 100%igen Schwarz. Ich hätte es gerne so nah am Standard-Dark Theme von Firefox wie möglich. Deswegen habe ich den Code aus der Vorlage angepasst:

CSS

@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml") {
 /* Apply the dark background to the main sidebar box and all its children */
 #sidebar-box,
 #sidebar-box *,
 .sidebar-placesTreechildren,
 #sidebar-search-container,
 #placesList > treechildren {
   background-color: #2B2A33 !important; /* Default Dark Theme background */
   color: #FBFBFE !important; /* Default text color */
 }
 /* Style the text in the tree */
 .sidebar-placesTreechildren {
   color: #FBFBFE !important;
 }
 /* Style the search box inside the sidebar */
 #sidebar-search-box {
   background-color: #42414D !important; /* Darker field background */
   color: #FBFBFE !important;
   border-color: #52525E !important;
 }
 /* Change text color on hover */
 treechildren::-moz-tree-cell-text(hover) {
   color: #FBFBFE !important;
   background-color: #52525E !important; /* Hover background color */
 }
 /* Style the selected item */
 treechildren::-moz-tree-cell-text(selected) {
   color: #FBFBFE !important;
   background-color: #0F6BCB !important; /* Firefox blue selection color */
 }
 /* Style the separator lines */
 treechildren::-moz-tree-separator {
   color: #5B5B66 !important; /* Separator color */
 }
 /* Style the folder icons to be lighter */
 treechildren::-moz-tree-image(container) {
   fill: #FBFBFE !important;
   color: #FBFBFE !important;
 }
}

Alles anzeigen

Das Resultat sieht so aus:

-> Was muss ich tun, um die weißen Stellen (siehe rote Pfeile oben) auch noch einzufärben?
Es geht um die Sidebar-Überschrift, das Suchfeld, die Sidebar-Scroll-Leiste und die Hintergrundfarbe von Lesezeichen-Ordnern.

2002Andreas

Zitat von Hamlet

Was muss ich tun

Teste bitte:

CSS

#sidebar-search-container {
  background-color: black !important;
}
	
#sidebar-header {
  background-color: black !important;
  color: white !important;
}
  
#input {
  &[type="search"] {
    background-color: black !important;
	color: white !important;
  }
}

#PlacesToolbar menupopup {  
  --panel-color: white !important;  
  --panel-background: black !important; 
}

tooltip {
  background-color: black !important;
  color: white !important;
}



@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml") {
		
:root { 
   /* Farbe 1: Thumb - Farbe 2: Hintergrund*/
  scrollbar-color: red black !important;
  }
 
:root:active { 
   /* Farbe 1: Thumb - Farbe 2: Hintergrund*/
  scrollbar-color: blue black !important; 
  }
	
 /* Apply the dark background to the main sidebar box and all its children */
 #sidebar-box,
 #sidebar-box *,
 .sidebar-placesTreechildren,
 #sidebar-search-container,
 #placesList > treechildren {
   background-color: #2B2A33 !important; /* Default Dark Theme background */
   color: #FBFBFE !important; /* Default text color */
 }
 /* Style the text in the tree */
 .sidebar-placesTreechildren {
   color: #FBFBFE !important;
 }
 /* Style the search box inside the sidebar */
 #sidebar-search-box {
   background-color: #42414D !important; /* Darker field background */
   color: #FBFBFE !important;
   border-color: #52525E !important;
 }
 /* Change text color on hover */
 treechildren::-moz-tree-cell-text(hover) {
   color: #FBFBFE !important;
   background-color: #52525E !important; /* Hover background color */
 }
 /* Style the selected item */
 treechildren::-moz-tree-cell-text(selected) {
   color: #FBFBFE !important;
   background-color: #0F6BCB !important; /* Firefox blue selection color */
 }
 /* Style the separator lines */
 treechildren::-moz-tree-separator {
   color: #5B5B66 !important; /* Separator color */
 }
 /* Style the folder icons to be lighter */
 treechildren::-moz-tree-image(container) {
   fill: #FBFBFE !important;
   color: #FBFBFE !important;
 }
}

Alles anzeigen

Helles Theme + Dark Mode

Hamlet 13. Januar 2022 um 09:39

Ähnliche Themen

Adressleiste dunkel färben

Hintergrundfarbe festlegen

Hoverfarbe dauerhaft für unloaded Tabs benutzen und danach ändern

Google-Suche

89.0 - aber bitte (wie ?) mit der Oberfläche von 88.0.1 ?

Firefox 89 rückgängig machen