PHNjcmlwdCBhc3luYyBzcmM9Imh0dHBzOi8vcGFnZWFkMi5nb29nbGVzeW5kaWNhdGlvbi5jb20vcGFnZWFkL2pzL2Fkc2J5Z29vZ2xlLmpzP2NsaWVudD1jYS1wdWItNTc2MjY0MDc2NzM2NjUwMyIKICAgICBjcm9zc29yaWdpbj0iYW5vbnltb3VzIj48L3NjcmlwdD4=


Cgo8IS0tIHdpbmRvd3Nwb3dlciBtaXR0ZTIgbmV1IC0tPgo8aW5zIGNsYXNzPSJhZHNieWdvb2dsZSIKICAgICBzdHlsZT0iZGlzcGxheTpibG9jayIKICAgICBkYXRhLWFkLWNsaWVudD0iY2EtcHViLTU3NjI2NDA3NjczNjY1MDMiCiAgICAgZGF0YS1hZC1zbG90PSI3NzkzMjc1MTg2IgogICAgIGRhdGEtYWQtZm9ybWF0PSJhdXRvIgogICAgIGRhdGEtZnVsbC13aWR0aC1yZXNwb25zaXZlPSJ0cnVlIj48L2lucz4KPHNjcmlwdD4KICAgICAoYWRzYnlnb29nbGUgPSB3aW5kb3cuYWRzYnlnb29nbGUgfHwgW10pLnB1c2goe30pOwo8L3NjcmlwdD4K

So sieht das standardmäßig aus:

bibliothek

Firefox – Dark Mode in der Bibliothek

userChrome.css und userContent.css erstellen

userChrome Dateien wieder nutzen

Dann im Ordner chrome die userChrome.css Datei öffnen.

In diese Datei tragen wir nun folgenden CSS Code ein:

/*Dark Mode in der Bibliothek*/
@-moz-document url("chrome://browser/content/places/places.xhtml") {
    
#organizeButton > image,
#viewMenu > image,
#maintenanceButton > image {
  background: white !important; 
}
treechildren::-moz-tree-image {
  fill: #FFF !important;
}
menu:hover,
menuitem:hover {
    color: yellow !important;
}
#viewColumns > menupopup,
#viewSort > menupopup,
#organizeButtonPopup,
#viewMenuPopup,
#maintenanceButtonPopup,
#fileRestorePopup,
#placeContent > treechildren,
#searchFilter,
.menubar-text,
#placesMenu,
#placesToolbar,
#detailsDeck,
#placeContentColumns treecol,
#placesList > treechildren,
#editBookmarkPanelContent,
#editBMPanel_namePicker,
#editBMPanel_locationField,
#editBMPanel_tagsField,
#editBMPanel_tagsSelector,
#editBMPanel_keywordField,
.downloadMainArea,
#downloadsRichListBox,
treechildren::-moz-tree-cell,
treechildren::-moz-tree-cell-text,
treechildren::-moz-tree-row {
    -moz-appearance: none !important;
    color: white !important;
    background: #333333 !important;
    }
}



Die Farben lassen sich nach Belieben austauschen.

Und so sieht der Code dann in der userChrome.css Datei aus:

css

Firefox – Dark Mode in der Bibliothek

Firefox neu starten, damit die Änderung wirksam wird.

Und so sieht das dann mit dem Dark Mode in der Bibliothek aus:

dark mode

Möchte man eines Tages diese Änderung nicht mehr nutzen, dann reicht es aus, den CSS Code in der userChrome.css wieder zu löschen.

Danach noch einen Neustart vom Browser machen, und die Bibliothek wird wieder standardmäßig angezeigt.

Wie hilfreich war dieser Beitrag?

Klicke auf die Sterne um zu bewerten!

Durchschnittliche Bewertung 0 / 5. Anzahl Bewertungen: 0

Bisher keine Bewertungen! Sei der Erste, der diesen Beitrag bewertet.

Share.
PHNjcmlwdCBhc3luYyBzcmM9Ii8vcGFnZWFkMi5nb29nbGVzeW5kaWNhdGlvbi5jb20vcGFnZWFkL2pzL2Fkc2J5Z29vZ2xlLmpzIj48L3NjcmlwdD4KPGlucyBjbGFzcz0iYWRzYnlnb29nbGUiCiAgICAgc3R5bGU9ImRpc3BsYXk6YmxvY2siCiAgICAgZGF0YS1hZC1mb3JtYXQ9ImF1dG9yZWxheGVkIgogICAgIGRhdGEtYWQtY2xpZW50PSJjYS1wdWItNTc2MjY0MDc2NzM2NjUwMyIKICAgICBkYXRhLWFkLXNsb3Q9IjM1NDg3MjYwNjEiPjwvaW5zPgo8c2NyaXB0PgogICAgIChhZHNieWdvb2dsZSA9IHdpbmRvdy5hZHNieWdvb2dsZSB8fCBbXSkucHVzaCh7fSk7Cjwvc2NyaXB0Pg==