Das Aussehen von Firefox ändern

Heute an dieser Stelle einen Artikel zum Thema „Wie ich das Aussehen von Firefox ändere“. In früheren Zeiten war mein Blog voll von solchen Tipps. Das Interesse hat bei mir aber etwas nachgelassen.

Beim Fuchs lässt sich mit einfachen mittel ganz viel ändern. So ist es zum Beispiel möglich, das Burgermenu (Anwendungsmenü) von der rechten auf die linke Seite zu verbannen. Auch die Adressleiste in inklusive Symbolleiste am oberen Ende lässt sich ausblenden und nur beim Überfahren mit der Maus wieder einblenden. Möglich macht dies die Datei userChrome.css.

Cascading Style Sheets (CSS) ist eine Stylesheet-Sprache für elektronische Dokumente und zusammen mit HTML und JavaScript eine der Kernsprachen des World Wide Webs.

Wikipedia

Diese CSS-Datei gehört ins Profil von Firefox und nimmt die Änderungen als Style Sheet auf. Das sieht dann wie nachfolgend aus:

:root{
  --toolbar-bgcolor: rgb(36,44,59) !important;
  --uc-menu-bkgnd: var(--toolbar-bgcolor);
  --arrowpanel-background: var(--toolbar-bgcolor) !important;
  --uc-menu-disabled: rgb(90,90,90) !important;
  --lwt-toolbar-field-focus: rgb(36,44,59) !important;
}

Das Profil von Firefox findet ihr über die Einstellungen => „Hilfe“ => „Weitere Informationen zur Fehlerbehebung“ oder über die Adressleiste und dort about:support eingeben. Klickt auf den Button „Ordner öffnen“ in der Zeile „Profilordner“. In dem richtigen Profil ist die Datei prefs.js zu finden. Dort müsst ihr den Ordner chrome erzeugen, sofern er nicht existiert. In diesem Ordner gehört die userChrome.css.

Jetzt fehlen nur noch die passenden CSS-Schnipsel. Die findet ihr bei Reddit oder auch auf GitHub. Letzterer Link bietet eine sehr große Auswahl an CSS-Hacks für den Fuchs und erklärt auch das Anlegen der userChrome.css. Sogar wesentlich besser als ich.