PHNjcmlwdCBhc3luYyBzcmM9Imh0dHBzOi8vcGFnZWFkMi5nb29nbGVzeW5kaWNhdGlvbi5jb20vcGFnZWFkL2pzL2Fkc2J5Z29vZ2xlLmpzP2NsaWVudD1jYS1wdWItNTc2MjY0MDc2NzM2NjUwMyINCiAgICAgY3Jvc3NvcmlnaW49ImFub255bW91cyI+PC9zY3JpcHQ+
PHNjcmlwdCBhc3luYyBjdXN0b20tZWxlbWVudD0iYW1wLWFkIiBzcmM9Imh0dHBzOi8vY2RuLmFtcHByb2plY3Qub3JnL3YwL2FtcC1hZC0wLjEuanMiPjwvc2NyaXB0Pg==
PGlucyBjbGFzcz0iYWRzYnlnb29nbGUiIHN0eWxlPSJkaXNwbGF5OiBibG9jazsgdGV4dC1hbGlnbjogY2VudGVyOyIgZGF0YS1hZC1sYXlvdXQ9ImluLWFydGljbGUiIGRhdGEtYWQtZm9ybWF0PSJmbHVpZCIgZGF0YS1hZC1jbGllbnQ9ImNhLXB1Yi01NzYyNjQwNzY3MzY2NTAzIiBkYXRhLWFkLXNsb3Q9IjY5OTA1Njc2NTUiPjwvaW5zPg0KPHNjcmlwdD4NCiAgICAgKGFkc2J5Z29vZ2xlID0gd2luZG93LmFkc2J5Z29vZ2xlIHx8IFtdKS5wdXNoKHt9KTsNCjwvc2NyaXB0Pg==
Anleitungen

Firefox – Sidebar dunkler Hintergrund

DQo8IS0tIHdpbmRvd3Nwb3dlciBtaXR0ZTIgbmV1IC0tPg0KPGlucyBjbGFzcz0iYWRzYnlnb29nbGUiDQogICAgIHN0eWxlPSJkaXNwbGF5OmJsb2NrIg0KICAgICBkYXRhLWFkLWNsaWVudD0iY2EtcHViLTU3NjI2NDA3NjczNjY1MDMiDQogICAgIGRhdGEtYWQtc2xvdD0iNzc5MzI3NTE4NiINCiAgICAgZGF0YS1hZC1mb3JtYXQ9ImF1dG8iDQogICAgIGRhdGEtZnVsbC13aWR0aC1yZXNwb25zaXZlPSJ0cnVlIj48L2lucz4NCjxzY3JpcHQ+DQogICAgIChhZHNieWdvb2dsZSA9IHdpbmRvdy5hZHNieWdvb2dsZSB8fCBbXSkucHVzaCh7fSk7DQo8L3NjcmlwdD4NCg==

User die die Sidebar benutzen, möchten unter Umständen diese auch gerne mit einem dunklen Hintergrund wie dem Dark Mode habe. Wenn, dann lässt sich das mit einem CSS Code erreichen.

So sieht das standardmäßig aus:

hell

Firefox – Sidebar dunkler Hintergrund

B

userChrome.css und userContent.css erstellen

Hinweis:

Wer zum ersten mal eine dieser Dateien benutzt, der muss zusätzlich in about:config den Wert:

toolkit.legacyUserProfileCustomizations.stylesheets

 

userChrome Dateien wieder nutzen

Und hier nun die Erklärung, wie man das mit dem CSS – Code dann machen muss.



Als erstes gehen wir dazu in den Profilordner vom Firefox, und öffnen dort den selber angelegten Ordner chrome.

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

In diese Datei tragen wir nun folgenden CSS Code ein:

/*Sidebar dunkler Hintergrund und weiße Schrift*/

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

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

(Dazu am besten den Text kopieren, und in die userChrome.css wieder einfügen)

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

css

Die Farben können beliebig verändert werden.

29,87 EUR
devolo 8415 WLAN Powerline Adapter, Magic 1 WiFi Starter Kit -bis zu 1.200 Mbit/s, Mesh WLAN, Powerlan WLAN Steckdose, 2x LAN Anschluss, dLAN 2.0, weiß
3.664 Bewertungen
devolo 8415 WLAN Powerline Adapter, Magic 1 WiFi Starter Kit -bis zu 1.200 Mbit/s, Mesh WLAN, Powerlan WLAN Steckdose, 2x LAN Anschluss, dLAN 2.0, weiß
  • Smarte Mesh-Vernetzung: WLAN mit 1200 Mbit/s für Ihr gesamtes Zuhause, perfekt für Streamen, Surfen und Home-Office!
  • Simple Einrichtung und zukunftssichere G.hn-Technologie: Einfache Passwortvergabe für Gäste-WLAN und integrierte Kindersicherung

 

Firefox – Sidebar dunkler Hintergrund

Dann die userChrome.css Datei schließen und speichern, und den Firefox neu starten, damit die Änderung wirksam wird.

Und so sieht das dann mit dem dunklen Hintergrund in der Sidebar aus:

dunkel

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.

 

Dieser Beitrag ist älter als ein Jahr und daher vielleicht nicht mehr aktuell.

Auf diese Seite sind Amazon-Links enthalten. Als Amazon-Partner Verdienen wir an qualifizierten Verkäufen, falls Du auf einen entsprechenden Amazon Link klickst.
Schaltfläche "Zurück zum Anfang"