Firefox 57 anpassen

Firefox 57 anpassen

04 Dec 2017 - Matthias Voigt

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. In diesem Beitrag zeige ich, wie du die Benutzeroberfläche von Firefox 57 nach deinen Wünschen anpassen kannst.

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

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

Schritt 2: Ordner für benutzerdefinierte Dateien erstellen

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

Schritt 3: CSS-Regeln hinzufügen

  1. Öffne die Datei userChrome.css mit einem Texteditor.
  2. 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;
}
  1. 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.

Viel Spaß beim Anpassen deines Firefox!