Bis zur Firefox Version 56 war es möglich optische Änderungen am Firefox mit Hilfe der Erweiterung Stylish zu erstellen.

Dazu bedarf es allerdings erst einer kleineren Vorbereitung.

Als erstes müssen wir uns im Profilordner vom Firefox einen neuen Ordner erstellen.

Dazu den Profilordner öffnen(1), und dann in einem freien Raum einen Rechtsklick machen..Neu..Ordner.. erstellen.

neuen-ordner-erstellen

Und diesem Ordner gibt man den Namen: chrome
(Das hat nichts mit dem Browser Chrome zu tun, weil das oft gefragt wird)

chrome-ordner

Dann den Ordner chrome anklicken und öffnen.

Im Ordner chrome wieder einen Rechtsklick machen und auf…Neu..Textdokument..klicken.

textdokument-erstellen

Dieses neue Textdokument.txt muss dann umbenannt werden in: userChrome.css

textdokument-umbenennen

Sieht dann so aus:

userchrome.css

Damit auch die „versteckten“ Dateiendungen angezeigt werden muss man sie hier erst aktivieren:

Versteckte Dateiendungen anzeigen lassen

Damit wird sichergestellt, dass die Dateiendung wirklich auf .css lautet,

und nicht auf .css.txt, und das .txt als versteckte Dateiendung ausgeblendet ist.

Damit wären die Vorbereitungen auch schon abgeschlossen.

Wenn man nun mit einem CSS Code(2) eine Änderung am Firefox machen möchte, öffnet man die Datei userChrome.css,und trägt den gewünschten CSS Code dort ein, danach schließt und speichert man die userChrome.css Datei.

Wer vorher die Erweiterung Stylish benutzt hat, der kann die Codes daraus einfach kopieren und in die userChrome.css einfügen.

Sind es mehrere Codes, dann einfach untereinander eintragen.

Nach einem Eintrag oder einer Änderung davon, muss der Firefox jeweils neu gestartet werden.

1: Firefox Profilordner öffnen

2: CSS Erklärungq? encoding=UTF8&ASIN=B008IEC2JM&Format= SL250 &ID=AsinImage&MarketPlace=DE&ServiceVersion=20070822&WS=1&tag=5215 21

Und zum Schluss dann noch die userContent.css Datei erstellen.

Wer auch optische Veränderungen an Webseiten vornehmen möchte, der muss im Ordner chrome einfach eine weitere Textdatei wie schon oben beschrieben erstellen, und ihr den Namen: userContent.css geben.

userchrome-usercontent.css

In diese Datei werden dann alle CSS Codes eingetragen die sich auf Webseiten beziehen.

Auch hier muss nach jedem Eintrag/Änderung der Firefox neu gestartet werden.

Kleine Anmerkung dazu.
Alle about: Seiten vom Firefox fallen auch darunter(Webseiten), zum Beispiel about:addons, about:preferences, about:profiles um nur einige zu nennen, also alle about: Seiten die sich nach Aufruf in einem eigenen neuen Tab öffnen sind damit gemeint.

Während man Webseiten auch mit Hilfe einer WebExtension optisch verändern kann, muss man für die about: Seiten vom Firefox immer die Datei userContent.css benutzen.

Sie sehen gerade einen Platzhalterinhalt von Amazon – Ads. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.

Mehr Informationen

Share.