Firefox 57 anpassen

Werkzeuge

Montag, 04. Dezember 2017 - Matt

Mozilla hat mit Firefox 57, auch bekannt als Firefox Quantum, viele Änderungen und Verbesserungen eingeführt. Das neue Design und die Geschwindigkeit sind beeindruckend, aber vielleicht möchtest du das Aussehen und Verhalten von Firefox 57 weiter anpassen. Wie sich die Oberfläche nachträglich zurechtbiegen lässt, steht hier.

Hier ist ein hilfreiches Tutorial, das du dir ansehen solltest: How to Customize Firefox 57 User Interface.

Anpassung der Benutzeroberfläche mit CSS

Firefox 57 bietet die Möglichkeit, die Benutzeroberfläche mit benutzerdefiniertem CSS anzupassen. Dazu musst du die userChrome.css und userContent.css Dateien verwenden. Hier sind die Schritte, um loszulegen:

Schritt 1: Profilordner finden

Öffne Firefox und gib about:support in die Adressleiste ein.
Klicke auf die Schaltfläche „Profilordner“ neben „Verzeichnis öffnen“ im Abschnitt „Profilordner“.

Schritt 2: Ordner für benutzerdefinierte Dateien erstellen

Im Profilordner erstelle einen neuen Ordner mit dem Namen chrome, falls dieser nicht bereits existiert.
Erstelle im chrome-Ordner zwei Dateien: userChrome.css und userContent.css.

Schritt 3: CSS-Regeln hinzufügen

Öffne die Datei userChrome.css mit einem Texteditor.
Füge deine benutzerdefinierten CSS-Regeln hinzu. Zum Beispiel:

/* Beispiel: Entfernen der Lesezeichen-Symbolleiste */
#PersonalToolbar {
    visibility: collapse !important;
}

/* Beispiel: Ändern der Hintergrundfarbe der Tableiste */
#TabsToolbar {
    background-color: #2E3440 !important;
}

Speichere die Datei und starte Firefox neu, um die Änderungen zu sehen.

Beispiel für Anpassungen

Hier sind einige Beispiele, wie du die Benutzeroberfläche weiter anpassen kannst:

Lesezeichen-Symbolleiste entfernen

#PersonalToolbar {
    visibility: collapse !important;
}

Hintergrundfarbe der Tableiste ändern

#TabsToolbar {
    background-color: #2E3440 !important;
}

Schriftart und -größe der Tab-Titel ändern

.tab-label {
    font-size: 14px !important;
    font-family: Arial, sans-serif !important;
}

Fazit

Die Anpassung der Benutzeroberfläche von Firefox 57 ist mit ein wenig CSS-Kenntnissen einfach möglich. Durch das Bearbeiten der userChrome.css und userContent.css Dateien kannst du Firefox genau nach deinen Vorstellungen gestalten. Schau dir das vollständige Tutorial hier an, um mehr Anpassungsmöglichkeiten zu entdecken.