Passen Sie Firefox 57 mit CSS an

Custom CSS for Fx ist eine Sammlung von CSS-Stilen für Firefox 57 und neuer vom Autor des beliebten Firefox-Add-Ons Classic Theme Restorer.

Firefox 57 unterstützt den Classic Theme Restorer oder andere Benutzeroberflächen, die Erweiterungen oder Designs ändern, nicht mehr, da auf ein exklusives WebExtensions-System gewechselt wurde. Das neue WebExtensions-System verhindert Änderungen an der Benutzeroberfläche des Browsers, indem Erweiterungsentwicklern keine APIs zur Verfügung gestellt werden.

Die einzige Möglichkeit für Firefox-Benutzer, die Benutzeroberfläche zu ändern, ist die Verwendung von CSS, abgesehen von dem, was Mozilla nativ in Firefox bereitstellt.

Firefox-Benutzer, die sich mit CSS auskennen, können CSS-Dateien manuell bearbeiten, um ihre Version des Webbrowsers zu ändern. Die meisten Firefox-Benutzer tun dies wahrscheinlich nicht, und hier kommt Custom CSS for Fx ins Spiel.

Passen Sie Firefox 57 mit CSS an

Das Projekt wird auf GitHub gehostet und von Aris gepflegt, der für beliebte Firefox-Add-Ons wie Classic Theme Restorer und NoiaButtons bekannt ist. Der Classic Theme Restorer wurde als Antwort auf die Australis-Benutzeroberfläche erstellt, die Mozilla in Firefox 29 gestartet hat. Die Erweiterung funktioniert in Firefox 57 oder neuer nicht mehr, da Mozilla die Unterstützung für ältere Add-Ons in dieser Firefox-Version eingestellt und keine Funktionen eingeführt hat Ändern der Benutzeroberfläche als WebExtensions-API.

Auf der Startseite des Projekts finden Sie Informationen zum Auffinden des Profilordners des Firefox-Webbrowsers und zum Ändern von Firefox mithilfe der bereitgestellten Stile.

Der einfachste Weg, den Profilordner zu finden, ist das Laden von about: support in die Adressleiste des Browsers und das Klicken auf die Schaltfläche "Ordner öffnen" unter "Anwendungsgrundlagen"> "Profilordner".

Sie müssen einen Ordner mit dem Namen chrome erstellen, wenn er nicht im Stammverzeichnis des Profilverzeichnisses vorhanden ist. Kopieren Sie anschließend den Inhalt des Archivs in diesen Ordner. Stellen Sie sicher, dass sich userChrome.css und userContent.css im Stammverzeichnis des Chrome-Ordners befinden.

Dies ist alles, was getan werden muss, um diese benutzerdefinierten Stile zu Firefox hinzuzufügen. Es gibt jedoch noch einen weiteren Schritt, den Sie möglicherweise ausführen möchten, nämlich das Anpassen der Optimierungen.

Die Standardeinstellung für Optimierungen spricht möglicherweise einige Benutzer an, die CSS-Dateien enthalten jedoch Optionen zum Aktivieren oder Deaktivieren verschiedener Optimierungen, um die Benutzeroberfläche weiter zu ändern.

Öffnen Sie die Datei userChrome.css in einem Nur-Text-Editor. Die Datei verwendet den Befehl @import, um die tatsächlichen CSS-Stile aus CSS-Dateien zu importieren. Dies geschieht, um die Hauptdatei userChrome.css aufgeräumt zu halten und den Benutzern von Firefox das Ändern zu erleichtern.

Zeilen, die mit / * beginnen, sind auskommentiert und die CSS-Dateien, mit denen sie verknüpft sind, werden aus diesem Grund nicht importiert.

Sie müssen nur nacheinander die Auflistung durchgehen, um festzustellen, welche der verfügbaren Optimierungen in Firefox aktiviert sein sollen.

Sie entladen Tweaks, indem Sie / * vor der Zeile und * / hinten hinzufügen. Ebenso entfernen Sie / * vorne und * / hinten, um eine Optimierung zu ermöglichen.

Hier ist die Liste der Verbesserungen, die derzeit verfügbar sind:

  • Ändern Sie die Schaltflächen der Navigationssymbolleiste.
  • Quadratische Schaltflächen aktivieren
  • Ändern Sie das Erscheinungsbild des Symbols
  • Ändern Sie das Popup der App-Schaltfläche.
  • Ändern Sie das Lesezeichen-Menü und das Popup-Erscheinungsbild.
  • Aussehen der Schaltflächen der Symbolleiste für alte Lesezeichen
  • Andere Schaltflächeneinstellungen (Vorwärtsschaltfläche verstecken, Vor- und Zurückschaltfläche trennen die Verlaufs-Popups, Zoomschaltflächen verbergen das Zurücksetzen).
  • Benutzerdefinierte Darstellung der Schaltflächen "Zurück" und "Vor"
  • Anwendung / Hamburger-Schaltfläche in der Navigationssymbolleiste
  • Anwendung / Hamburger-Schaltfläche in der Firefox-Titelleiste (nur Windows)
  • Darstellung von Registerkarten (Stil, Position der Symbolleiste, z. B. unter Symbolleisten (sprich: Registerkarten nicht oben), Registerkartentiteln, Symbolen usw.)
  • Ändern Sie die Suchleiste, Kontextmenüs, Symbole und andere Symbolleisten.
  • Ändern Sie den Stil der Adressleiste.

Einige davon sind selbsterklärend. Andere nicht, aber Sie haben zwei Möglichkeiten, wenn es um diese geht. Aktivieren Sie sie und checken Sie sie direkt aus oder öffnen Sie die geladene CSS-Datei, um herauszufinden, was sie tun. Letzteres setzt jedoch einige CSS-Kenntnisse voraus.

Die Datei userContent.css verwendet dasselbe Layout. Es importiert CSS-Dateien und es liegt an Ihnen, diese zu aktivieren oder zu deaktivieren.

Das Projekt bietet auch eine Liste der vorgeschlagenen Änderungen an der nativen Benutzeroberfläche und etwa: Konfigurationsänderungen, um das Erscheinungsbild von Firefox weiter zu ändern.

Schlussworte

Benutzerdefiniertes CSS für Fx bietet zahlreiche Änderungen an der Benutzeroberfläche von Firefox 57, die mit Erweiterungen oder integrierten Funktionen nicht möglich sind. Bestehende Firefox-Benutzer finden es möglicherweise nützlich, insbesondere wenn sie bisher Classic Theme Restorer oder ein vergleichbares Add-On verwendet haben.

Aktualisierungen werden regelmäßig von Aris veröffentlicht. Dies ist nicht nur gut für neue Funktionen, die möglicherweise durch Optimierungen eingeführt werden, sondern auch, um die Stile mit neuen Firefox-Versionen kompatibel zu halten.