Wenn das hilft:
Das letzte Mal hatten wir diesen Bug mit Firefox 140
und der Fix erschien prompt mit 140.0.1
Bug: RE: Helles Theme + Dark Mode
Fix: RE: Helles Theme + Dark Mode
Von Firefox 96 bis 145 lief es mit der policies.json.
Helles Theme + dunkle Seitenleiste.
Wie ich bereits geschrieben habe:
Wenn das Theme Firefox C installiert ist, sind die Schalter funktional tot.
Ihr könnt 0 oder 1 oder 2 eingeben - es ändert sich nichts mehr.
Nein, ich nutze Firefox an einem Bürorechner, wo ich keinen Schreibzugriff im Firefoxinstallationsordner habe, sodass die policies-Lösung flachfällt.
Ich benutze das Theme Firefox C
Bis einschließlich Firefox 145 war es möglich, mit diesen beiden Schaltern Firefox in den Dark Mode zu schicken.
Ich habe diese Einstellungen mit Hilfe einer policies.json forciert
{
"policies": {
"Preferences": {
"browser.theme.toolbar-theme": {
"Value": 0,
"Status": "locked"
},
"browser.theme.content-theme": {
"Value": 0,
"Status": "locked"
}
},
"DisableFirefoxStudies": true,
"DisableBackgroundTasks": true
}
}Seit Firefox 146 passiert überhaupt nichts mehr, egal ob die Schalter auf 0, 1 oder 2 stehen, mit policies oder ohne.
Da ich die Lesezeichen-Sidebar permanent offen habe, fiel der Bug sofort nach dem Update auf 146 in's Auge.
Erwartete Darstellung: Firefox C + Dark Mode
Tatsächliche Darstellung: pures Firefox C
Die beiden Schalter
browser.theme.content-theme
browser.theme.toolbar-theme...sind seit dem Update auf v146 kaputt und funktionieren nicht mehr wenn man ein helles Theme benutzt 
habe aber dies gefunden:
Bingo, beschreibt genau das Problem.
Ich benutze vier Add-Ons: uBlock, LocalCDN, Sponsorblock und Videowiedergabe im Hintergrund.
Habe alle bis auf uBlock testweise deaktiviert. Problem ist immer noch da.
Der Lockscreen-Workaround funktioniert tatsächlich.
Ich nehme mal an, ich muss einfach auf v143 warten.
Ich benutze Fennec 142.0 für Android.
Seit dem Update auf v142 benötigt der Browser Ewigkeiten, bis die erste Website geladen ist (ca. 1 Minute).
Der Ladebalken geht bis ~15% und bleibt dort eine Minute lang hängen.
Wenn die erste Ladehemmung vorbei ist, funktioniert alles weitere in gewohnter Geschwindigkeit.
Habt Ihr das Problem ebenfalls?
Nur so ein Gedanke
Ordner kopieren, und in den Installationsordner vom Fx einfügen.
Du wirst lachen, aber genau das war mein erster Gedanke. 
Leider alles zugenagelt. In C:\Program Files\Mozilla Firefox geht nichts rein (kopieren) oder raus (löschen).
Auch Edits sind blockiert.
Es fehlt noch die Antwort zu: welche Werte hast du hier?
Allererstes Posting 
Ich habe eingestellt:
Code
browser.theme.content-theme = 0
browser.theme.toolbar-theme = 0Problem: 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 = 1Wenn beide Schalter auf "0" stehen, sieht alles genau so aus, wie ich mir das vorstelle. Nur müsste ich nach jedem Firefox-Start in der about:config rumturnen und die Schalter umlegen.
Wie gesagt, ich habe an diesem Firefox keine Schreibrechte im Installationsordner für die policies-Lösung.
Firefox 142.0.1
Interessanter Changelog-Eintrag:
Fixed an issue where the expand on hover feature in the sidebar would sometimes stop working. (Bug 1982129)
Ich habe auch noch ein weißes Menü entdeckt:
-> Wenn man mit der rechten Maustaste auf einen Tab drückt.
Moment! Ich nehme das zurück.
Auf Camp Firefox wechselt die Haupt-Scrollbar jetzt von weiß zu dunkel, wenn ich mit der Maus drüberfahre - das hat sie vorher nicht gemacht.
Die Scroll-Leiste in der Sidebar grinst mich nach wie vor in weiß an. 
Ich habe eine userContent.css im chrome-Ordner angelegt, Code eingefügt, neu gestartet.
Sieht genau so aus wie vorher.
Ich kapier's auch nicht. Vielleicht liegt es daran, dass ich Windows 11 nutze?
Hier nochmal mein aktueller Code:
/* Sprechblasen */
.tab-preview-text-container {
background: #2B2A33 !important;
color: white !important;
}
/* Sidebar elements - using Firefox Dark Theme colors */
#sidebar-search-container {
background-color: #2B2A33 !important;
}
#sidebar-header {
background-color: #2B2A33 !important;
color: #FBFBFE !important;
border-bottom: 1px solid #5B5B66 !important;
}
#input[type="search"] {
background-color: #42414D !important;
color: #FBFBFE !important;
}
/* Bookmarks toolbar dropdown */
#PlacesToolbar menupopup {
--panel-color: #FBFBFE !important;
--panel-background: #2B2A33 !important;
}
/* Tooltips */
tooltip {
background-color: #2B2A33 !important; /* Dark background */
color: #FBFBFE !important; /* Light text */
border: 1px solid #52525E !important; /* Subtle border */
}
/* Hamburger-Rezept */
#appMenu-multiView {
background-color: #2B2A33 !important;
color: #FBFBFE !important;
}
#appMenu-popup {
background-color: #2B2A33 !important;
color: #FBFBFE !important;
}
#appMenu-popup .panel-subview-body {
background-color: #2B2A33 !important;
color: #FBFBFE !important;
}
#appMenu-popup menuitem,
#appMenu-popup menu {
color: #FBFBFE !important;
}
#appMenu-popup menuitem:hover,
#appMenu-popup menu:hover {
background-color: #52525E !important;
}
/* 08/15-Scrollbar Dark */
:root {
scrollbar-color: #78789B #2B2A33 !important; /* Thumb color, Track color */
}
:root:active {
scrollbar-color: #9292BB #2B2A33 !important; /* Brighter thumb when active */
}
/* Sidebar specific styles */
@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml") {
/* Sidebar-Scrollbar Firefox Dark */
:root {
scrollbar-color: #78789B #2B2A33 !important; /* Thumb color, Track color */
}
:root:active {
scrollbar-color: #9292BB #2B2A33 !important; /* Brighter thumb when active */
}
/* 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;
}
}Helle Website:
Dunkle Website:
Helle Website, aber diesmal befindet sich der Mauszeiger genau über der Scroll-Leiste in der Sidebar:
...so sollte das eigentlich immer aussehen
Ich benutze das Theme Firefox C
Ein helles Theme. Dies hat Auswirkungen auf die Sidebar, Scrollbar und die beiden Schalter
browser.theme.content-theme
browser.theme.toolbar-theme
Sprechblasen funktionieren einwandfrei.
Bei der Scroll-Leiste muss ich kapitulieren. Der Code soll ja gerade in der Sidebar wirken, weil die 08/15-Scrollbar sich bereits korrekt verhält.
Ich habe alle Varianten durchprobiert:
a) außerhalb der Regel @-moz-document -> Scrollbar innerhalb der Sidebar immer noch weiß
b) innerhalb und außerhalb der Regel -> Scrollbar innerhalb der Sidebar immer noch weiß
EDIT: Ich habe gerade festgestellt, dass die Haupt-Scrollbar sich nach der angezeigten Website richtet!
Wenn die Website hell ist wie z.B. Camp Firefox -> helle Scrollbar.
Wenn sie dunkel ist wie z.B. InfinityFX -> dunkle Scrollbar.
Hier mein aktueller Code:
/* Sprechblasen */
.tab-preview-text-container {
background: #2B2A33 !important;
color: white !important;
}
/* Sidebar elements - using Firefox Dark Theme colors */
#sidebar-search-container {
background-color: #2B2A33 !important;
}
#sidebar-header {
background-color: #2B2A33 !important;
color: #FBFBFE !important;
border-bottom: 1px solid #5B5B66 !important;
}
#input[type="search"] {
background-color: #42414D !important;
color: #FBFBFE !important;
}
/* Bookmarks toolbar dropdown */
#PlacesToolbar menupopup {
--panel-color: #FBFBFE !important;
--panel-background: #2B2A33 !important;
}
/* Tooltips */
tooltip {
background-color: #2B2A33 !important; /* Dark background */
color: #FBFBFE !important; /* Light text */
border: 1px solid #52525E !important; /* Subtle border */
}
/* Hamburger-Rezept */
#appMenu-multiView {
background-color: #2B2A33 !important;
color: #FBFBFE !important;
}
#appMenu-popup {
background-color: #2B2A33 !important;
color: #FBFBFE !important;
}
#appMenu-popup .panel-subview-body {
background-color: #2B2A33 !important;
color: #FBFBFE !important;
}
#appMenu-popup menuitem,
#appMenu-popup menu {
color: #FBFBFE !important;
}
#appMenu-popup menuitem:hover,
#appMenu-popup menu:hover {
background-color: #52525E !important;
}
/* 08/15-Scrollbar Dark */
:root {
scrollbar-color: #78789B #2B2A33 !important; /* Thumb color, Track color */
}
:root:active {
scrollbar-color: #9292BB #2B2A33 !important; /* Brighter thumb when active */
}
/* Sidebar specific styles */
@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml") {
/* Sidebar-Scrollbar Firefox Dark */
:root {
scrollbar-color: #78789B #2B2A33 !important; /* Thumb color, Track color */
}
:root:active {
scrollbar-color: #9292BB #2B2A33 !important; /* Brighter thumb when active */
}
/* 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;
}
}Nochmals vielen Dank! Hier mein Hamburger-Rezept:
/* ===== HAMBURGER MENU DARK ===== */
#appMenu-multiView {
background-color: #2B2A33 !important;
color: #FBFBFE !important;
}
#appMenu-popup {
background-color: #2B2A33 !important;
color: #FBFBFE !important;
}
#appMenu-popup .panel-subview-body {
background-color: #2B2A33 !important;
color: #FBFBFE !important;
}
#appMenu-popup menuitem,
#appMenu-popup menu {
color: #FBFBFE !important;
}
#appMenu-popup menuitem:hover,
#appMenu-popup menu:hover {
background-color: #52525E !important;
}So sieht es aus, wenn ich mit der Maus irgendwo auf dem Bildschirm bin:
Wenn ich mit der Maus über der Scroll-Leiste schwebe ist die Darstellung genau so wie gewünscht.
Oh, and there is one more thing:
Die "Sprechblasen" wenn man mit dem Mauszeiger über einem Tab schwebt sind weiß.
/* Sidebar elements - using Firefox Dark Theme colors */
#sidebar-search-container {
background-color: #2B2A33 !important; /* Dark theme background */
}
#sidebar-header {
background-color: #2B2A33 !important; /* Dark theme background */
color: #FBFBFE !important; /* Light text */
border-bottom: 1px solid #5B5B66 !important; /* Subtle separator */
}
#input[type="search"] {
background-color: #42414D !important; /* Dark input field */
color: #FBFBFE !important; /* Light text */
}
/* Bookmarks toolbar dropdown */
#PlacesToolbar menupopup {
--panel-color: #FBFBFE !important; /* Light text */
--panel-background: #2B2A33 !important; /* Dark background */
}
/* Tooltips */
tooltip {
background-color: #2B2A33 !important; /* Dark background */
color: #FBFBFE !important; /* Light text */
border: 1px solid #52525E !important; /* Subtle border */
}
/* Sidebar specific styles */
@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml") {
/* Scrollbar - matching Firefox Dark Theme */
:root {
scrollbar-color: #78789B #2B2A33 !important; /* Thumb color, Track color */
}
:root:active {
scrollbar-color: #9292BB #2B2A33 !important; /* Brighter thumb when active */
}
/* 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;
}
}
/* ===== HAMBURGER MENU DARK ===== */
#appMenu-multiView {
background-color: #2B2A33 !important;
color: #FBFBFE !important;
}
#appMenu-popup {
background-color: #2B2A33 !important;
color: #FBFBFE !important;
}
#appMenu-popup .panel-subview-body {
background-color: #2B2A33 !important;
color: #FBFBFE !important;
}
#appMenu-popup menuitem,
#appMenu-popup menu {
color: #FBFBFE !important;
}
#appMenu-popup menuitem:hover,
#appMenu-popup menu:hover {
background-color: #52525E !important;
}Das ist jetzt fast perfekt:
/* Sidebar elements - using Firefox Dark Theme colors */
#sidebar-search-container {
background-color: #2B2A33 !important; /* Dark theme background */
}
#sidebar-header {
background-color: #2B2A33 !important; /* Dark theme background */
color: #FBFBFE !important; /* Light text */
border-bottom: 1px solid #5B5B66 !important; /* Subtle separator */
}
#input[type="search"] {
background-color: #42414D !important; /* Dark input field */
color: #FBFBFE !important; /* Light text */
}
/* Bookmarks toolbar dropdown */
#PlacesToolbar menupopup {
--panel-color: #FBFBFE !important; /* Light text */
--panel-background: #2B2A33 !important; /* Dark background */
}
/* Tooltips */
tooltip {
background-color: #2B2A33 !important; /* Dark background */
color: #FBFBFE !important; /* Light text */
border: 1px solid #52525E !important; /* Subtle border */
}
/* Sidebar specific styles */
@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml") {
/* Scrollbar - matching Firefox Dark Theme */
:root {
scrollbar-color: #78789B #2B2A33 !important; /* Thumb color, Track color */
}
:root:active {
scrollbar-color: #9292BB #2B2A33 !important; /* Brighter thumb when active */
}
/* 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;
}
}Ich habe es so gestaltet, dass es sich möglichst eng an das mitgelieferte Dark Theme von Firefox hält.
Was noch fehlt:
- das Hamburgermenü ist noch weiß
- die Scroll-Leiste* in der Lesezeichen-Sidebar ist immer noch weiß. Lustigerweise wird die Leiste korrekt (= dunkel) angezeigt, wenn ich mit der Maus über der Leiste schwebe.
* Die Scroll-Leiste ist nur zu sehen, wenn man Haufen Lesezeichen hat und ist ansonsten komplett ausgeblendet. In meinen Beispiel-Screenshots oben ist sie nicht zu sehen, weil es nur 3 Lesezeichen-Ordner gibt. Es ist also schlichtweg keine Scroll-Leiste nötig.
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:
@-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;
}
}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.
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:
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).