Hintergrundfarbe festlegen

Zitat von StandingBill

in die userChrome.css zu erreichen ist:

Alle about Seiten werden mit der userContent.css angesprochen, und nicht der userChrome.css.

Zu den about Seiten siehe bitte hier:

Beitrag

RE: Darkmodus auf Webseiten deaktivieren, trotz Nutzung eines dunklen Themes

Viel zu kompliziert gedacht. Man muss einfach nur die CSS-Variablen aus dem Theme kopieren (bekommt man eh direkt über den Inspektor) und in die Datei userContent.css packen, natürlich jeweils mit einem !important versehen. Das kann jeder halbwegs vernünftige Editor für alle Zeilen gleichzeitig ausführen.

Helles Theme (aktueller Nightly-Build als Basis):

(Quelltext, 46 Zeilen)

Dunkles Theme (aktueller Nightly-Build als Basis):

(Quelltext, 31 Zeilen)

Sören Hentzschel

15. Dezember 2021 um 12:49

Sidebar, Bibliothek und das Kontextmenü müssten jeweils einzeln über die userChrome.css angepasst werden.

Stellt sich dir Frage, was genau möchtest du denn alles mit dem Theme Dark Blue eingefärbt haben?

Weil wenn du nur oben einen blauen Hg möchtest:

Dann wäre es einfacher den einzufärben, und ein helles Theme zu benutzen.

#toolbar-menubar,
#nav-bar,
#PersonalToolbar,
#TabsToolbar {
  background: darkblue !important;
  color: white !important;
}

toolbarbutton.bookmark-item,
.toolbarbutton-1 {
  fill: white !important;
}

Zitat von StandingBill

Die Hintergrundfarbe der

Teste bitte mal jeweils in der userChrome.css.

Für die Bibliothek:

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

#places input,
#contentView treecol,
#placeContentColumns,
#editBMPanel_namePicker,
#detailsPane,
treechildren,
#placesList {
    appearance: none !important;
    background-color: white !important;
    color: black !important;
}
}

Für die Sidebar:

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

#bookmarks-view,
sidebarheader,
#sidebar-box,
.sidebar-placesTreechildren,
#sidebar-search-label,
#sidebar-search-container,
#placesList > treechildren {
    appearance: none !important;
    background: white !important;
    color: black !important;
}

treechildren::-moz-tree-cell-text {
    color: black !important;
}

.sidebar-placesTreechildren,
sidebarheader,
#sidebar-search-label {
    color: black !important;
}

#search-box {
    appearance: none !important;
    background: lightgrey !important;
    color: black !important;
}
 }

Und dann bleiben noch das Hamburger Menü, das Popup vom Download undsoweiterundsofort ...

Warum muss man alle paar Wochen anfangen, am Firefox rumzufrickeln, um Änderungen, die ich so nicht will oder bnicht brauche auszumerzen????

Mit layout.css.prefers-color-scheme.content-override steht doch ein passender Schalter zur Verfügung. Warum kann man nicht einfach sagen 1= weisser Hintergrund, 2 = Dark Mode? Dann kann jeder das so einstellen, wie er will. Aber das wäre dann wieder eine Abkehr vom gerade eingeführten Modus, dass das Theme dafür verantwortlich ist. Das Problem ist doch, dass viele Themedesigner dieses Verhalten bisher gar nicht auf dem Schirm hatten. Im Endeffekt heisst das: wer keinen Darkmode mit dunklen Hintergründen will, muss sich ein passendes Theme suchen. Und Themes mit weissem Hintergrund gibt es wenige.

Danke Mozilla für nichts.

Hallo zusammen,

ich muss mich entschuldigen, aber mir sind die Erklärungen hier stellenweise zu hoch.

Ich will einfach mein Fenster nicht mehr in schwarz. Ich habe EWIG ein schönes Planeten Themes gesucht, gefunden gehabt und das habe ich jetzt aus Versehen gelöscht und finde es nicht wieder. Habe EWIG jetzt schon im Netz gesucht wie ich den schwarzen Lesezeichen-Hintergrund beheben kann. Wenn ich keine Themes habe ist alles in einem ätzenden weiss ....

Und das hier ist endlich eine gute Info und jetzt verstehe ich es nicht ...... Bin halt ein DAU ...

Also ich muss jetzt solange Themes durchgehen bis ich endlich eines finde das mein Lesezeichen Fenster wieder weiss macht oder kompliziert Codes irgendwo eingeben, richtig?

Bin auch gerade am suchen. Es gibt schon Themes, wo die Hinergründe weiss sind. Die überwiegende Mehrzahl - und die grafiof schöneren - haben leider dunkle Hintergründe.

StandingBill :

Ersetze mal in dem Code für die Sidebar die ersten 2 Zeilen durch folgende und teste:

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

Zitat von Bragon

Warum muss man alle paar Wochen anfangen, am Firefox rumzufrickeln,

Musst du ja nicht, das machst du weil du es anders haben willst

Ansonsten sei doch froh, dass das beim Fx überhaupt zu machen ist.

Zitat von StandingBill

ist anscheinend ein erheblich komplexerer Code erforderlich

Darum ja auch meine Frage:

Zitat von 2002Andreas

was genau möchtest du denn alles mit dem Theme Dark Blue eingefärbt haben?

Zitat von StandingBill

wenn die Chronik in der Sidebar

Sorry, ich hatte das nur für die Lesezeichen erstellt

Aber grisu2099 war ja so freundlich, einen weiteren Eintrag zu nennen, danke dafür

Zitat von Lump

oder kompliziert Codes irgendwo eingeben, richtig?

Den Code bekommst du ja wenn dann fertig geliefert.

Du musst ihn dann also nur noch kopieren, und in eine vorher selber erstellte Datei userChrome.css wieder einfügen.

Wie das gemacht werden muss, wird hier incl. eines Videos beschrieben:

Beitrag

Videoanleitung für userChrome.css, userContent.css, Vorbereitung Skripte

Nur zur Info, wer es braucht kann es gerne verlinken.

Ich habe 3 ausführliche Videos erstellt

1. wie man eine userChrome.css erstellt und einen Beispiel Code einfügt

https://mozhelp.ddnss.de/dateien/forum/…e-erstellen.mp4

2. wie man eine userContent.css erstellt und einen Beispiel Code einfügt

https://mozhelp.ddnss.de/dateien/forum/…t-erstellen.mp4

3. Vorbereitung von Skripten ausgehend von https://github.com/Endor8/userChrome.js/

https://mozhelp.ddnss.de/dateien/forum/…ung-skripte.mp4

Vielleicht hilft…

Zitronella

5. Juni 2021 um 14:43

Zitat von 2002Andreas

Aber grisu2099 war ja so freundlich, einen weiteren Eintrag zu nennen, danke dafür

Gern geschehen.

Wenn ich schon mal die Chance habe, schneller zu sein als du (und dann auch noch die Lösung weiß), muß ich das ausnutzen...

Zitat von grisu2099

muß ich das ausnutzen..

Zitat von StandingBill

hat hier die Chronik noch immer einen dunklen Hintergrund.

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

#bookmarks-view,
sidebarheader,
#sidebar-box,
.sidebar-placesTreechildren,
#sidebar-search-label,
#sidebar-search-container,
#placesList > treechildren {
    appearance: none !important;
    background: white !important;
    color: black !important;
}

treechildren::-moz-tree-cell-text {
    color: black !important;
}

.sidebar-placesTreechildren,
sidebarheader,
#sidebar-search-label {
    color: black !important;
}

#search-box {
    appearance: none !important;
    background: lightgrey !important;
    color: black !important;
}
 }

Zitat von StandingBill

Hier klemmt es offenbar an einer unbekannten Stelle.

Möglicherweise ist es nur eine Kleinigkeit, z. B. die korrekte Anzahl der Klammern, insbesondere der geschweiften Klammern. Bei Codes mit einer @-moz-document-Regel am Anfang müssen ganz am Ende zwei schließende geschweifte Klammern stehen, da die CSS-Regeln darin eingebettet werden.

Zitat von StandingBill

nochmal von hinten auf.

Teste doch diesen Code bitte mal:

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

#bookmarks-view,
sidebarheader,
#sidebar-box,
.sidebar-placesTreechildren,
#sidebar-search-label,
#sidebar-search-container,
#placesList > treechildren {
    appearance: none !important;
    background: white !important;
    color: black !important;
}

treechildren::-moz-tree-cell-text {
    color: black !important;
}

#viewButton,
#search-box {
    appearance: none !important;
    background: lightgrey !important;
    color: black !important;
}
}

Der Fehler lag an diesem Eintrag:

 url("chrome://browser/content/history/historySidebar.xhtml")

So muss der lauten:

url("chrome://browser/content/places/historySidebar.xhtml")

Zitat von StandingBill

Seit dem Update auf Version 96 ist teilweise die firefoxinterne Hintergrundfarbe vom installierten Theme abhängig,

Das war bereits vorher so. Nur jetzt wird noch eine weitere vom Theme gesetzte Farbe als Fallback berücksichtigt, falls die Farbe vom Theme nicht explizit angegeben wird. Natürlich ist das wieder so eine Änderung, die manche gut und andere wieder nicht so gut finden. Aber Firefox verhält sich jetzt zumindest, wenn man so will, nachvollziehbarer. Das von dir genannte Theme ist ja dunkel von den Farben her, die es definiert. Also ist es nur konsequent, dass Firefox dieses jetzt als dunkel erkennt.

Das wäre eine Lösung für dich:

Beitrag

RE: Helles Theme + Dark Mode

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:

(Quelltext, 11 Zeilen)

0 - Dunkel

1 - Hell

2 - System

Sören Hentzschel

13. Januar 2022 um 12:21

Zitat von Bragon

Warum muss man alle paar Wochen anfangen, am Firefox rumzufrickeln, um Änderungen, die ich so nicht will oder bnicht brauche auszumerzen????

Man kann nur hoffen, dass du die Frage nicht ernst meinst, wieso Mozilla Änderungen vornimmt, die du nicht brauchst. Es ist immer noch deren Produkt. Firefox hat über 200 Millionen aktive Nutzer, insgesamt also nochmal deutlich mehr, und Mozilla muss Entscheidungen treffen, von denen sie glauben, dass sie am ehesten im Sinn der meisten Nutzer sind.

Durch die in Firefox 96 erfolgte Änderung werden Themes konsequenter umgesetzt, wenn der Theme-Ersteller nicht explizit die Farbe angegeben hat. Wenn ein Theme-Ersteller nicht alle Farben definiert, ist das auch nicht Mozillas Schuld. Nicht definiert heißt undefiniert. Es ist undefiniert, wie sich Firefox verhalten soll. Also muss Mozilla sich für eine Logik entscheiden, die dann halt auch für jedes Theme gilt.

Zitat von Bragon

Mit layout.css.prefers-color-scheme.content-override steht doch ein passender Schalter zur Verfügung. Warum kann man nicht einfach sagen 1= weisser Hintergrund, 2 = Dark Mode?

Der genannte Schalter lässt sich seit Jahren konfigurieren:

0 - Dunkel

1 - Hell

2 - System-Theme berücksichtigen

3 - Browser-Theme berücksichtigen

Lediglich 3 als Wert ist seit Firefox 95 neu und Standard, bis Firefox 94 war 2 Standard. Aber wie der Name des Schalters ja bereits sagt, geht es um Content, also Websites. Dass es keine Teile der Firefox-Oberfläche selbst betrifft, versteht sich eigentlich von selbst. Für Firefox selbst: siehe oben in meinem Beitrag.

Zitat von Bragon

Aber das wäre dann wieder eine Abkehr vom gerade eingeführten Modus, dass das Theme dafür verantwortlich ist.

Das wurde nicht "gerade eingeführt", das war schon immer so. In Firefox 96 wurde lediglich die Erkennung verbessert, ob ein Theme hell oder dunkel ist, was sich dann auf andere Elemente auswirkt. Siehe oben.

Es wäre extremst hilfreich, wenn StandingBill sein bisheriges CSS dazu einbringen würde. Hier was, da was, ohne das Bestehende zu kennen, ergibt wie üblich Murks.

Erst mal Danke für die ausführliche Antwort. Als Anwender beschäftige ich mich nicht ständig mit Änderungen der userChrome.css oder userContent.css.

Zitat von Sören Hentzschel

Durch die in Firefox 96 erfolgte Änderung werden Themes konsequenter umgesetzt, wenn der Theme-Ersteller nicht explizit die Farbe angegeben hat. Wenn ein Theme-Ersteller nicht alle Farben definiert, ist das auch nicht Mozillas Schuld. Nicht definiert heißt undefiniert. Es ist undefiniert, wie sich Firefox verhalten soll. Also muss Mozilla sich für eine Logik entscheiden, die dann halt auch für jedes Theme gilt.

Das hatte ich ja vermutet, daß Theme-Ersteller nicht alles durchdesigned haben. Auf der Suche nach einem für mich passenden Theme gab es z.B. auch viele Themes, die für einen 4K-TFT untauglich sind, da die Grafik nicht breit genug ist. So viel zum Thema Qualität.

Ich habe jetzt was passendes gefunden und alles passt wieder. Ist halt nicht das gewohnte Theme, aber damit kann ich leben.

Zitat von Sören Hentzschel

Der genannte Schalter lässt sich seit Jahren konfigurieren:

Man muss halt wissen, dass er existiert.

Zitat von Sören Hentzschel

Das wurde nicht "gerade eingeführt", das war schon immer so. In Firefox 96 wurde lediglich die Erkennung verbessert, ob ein Theme hell oder dunkel ist, was sich dann auf andere Elemente auswirkt. Siehe oben.

OK.

Zitat von Sören Hentzschel

as wäre eine Lösung für dich:

Beitrag RE: Helles Theme + Dark Mode

Werde ich bei Gelegenheit mal ausprobieren. Man lernt immer wieder was dazu.