Firefox Menüzeile andere Farbe: Farbe und Schriftart der Menüzeile ändern

In der Standardkonfiguration ist die Farbe der Schrift im Firefox-Button weiß und der Menüzeile (die sich mit [F10] einblenden lässt) weiß. Das gefällt nicht jedem. Wenn Sie beim Firefox die Farbe der Menüzeile ändern möchten, müssen Sie nur eine kleine Änderung in der Datei „userChrome.css“ vornehmen.

userChrome.css bearbeiten

In der „userChrome.css“-Datei können Sie Firefox nach Lust und Laune umgestalten. Um zum Beispiel die Farbe der Menüzeile zu ändern, gehen Sie folgendermaßen vor:

1. Klicken Sie auf den Firefox-Button, und rufen Sie den Befehl „Hilfe | Informationen zur Fehlerbehebung“ auf.

2. Dann klicken Sie auf die Schaltfläche „Beinhaltenden Ordner anzeigen“. Damit gelangen Sie in den Ordner, in dem Firefox die Konfigurationsdateien ablegt.

3. Klicken Sie doppelt auf den Ordner „chrome“.

4. Die Änderungen werden in der Datei userChrome.css vorgenommen. Sollte noch keine Datei userCrhome.css existieren, müssen Sie eine neue Datei erstellen. Hierzu kopieren Sie am besten die Beispieldatei userChrome-example.css. Klicken Sie mit der rechten Maustaste auf die Datei userChrome-example.css, und wählen Sie den Befehl Kopieren.

Rufen Sie anschließend den Befehl Bearbeiten | Einfügen auf. Windows legt eine Kopie der Datei an. Markieren Sie die neue Datei Kopie von userChrome-example.css, und drücken Sie die Taste [F2]. Nennen Sie die Datei anschließend in userChrome.css um – also ohne(!) example am Ende. Fertig, die Datei ist nun vorhanden.

Um die Datei zu bearbeiten, klicken Sie mit der rechten Maustaste auf die Datei userChrome.cssund wählen den Befehl Öffnen mit | Editor.

5. Ans Ende der Textdatei fügen Sie folgende Zeilen ein (oder kopieren Sie von dieser Webseite):

menubar > menu {
color: white !important;
}

menubar > menu[_moz-menuactive="true"] {
color: white !important;
}

menubar > menu[_moz-menuactive="true"][open="true"] {
color: white !important;
}

Im Beispiel wird die Farbe Weiß (White) verwendet. Wenn Sie eine andere Farbe wünschen, geben Sie einfach den gewünschten Farbnamen oder den HTML-Farbcode an. Der Farbcode beginnt immer mit einem Lattenkreuz (#) und einer sechstelligen Zahl. Welche Farben Sie verwenden können, steht in unserem Tipp „Die HTML-Farbcode-Tabelle„. Für ein knalliges Orange lauten die Befehle zum Beispiel so:

menubar > menu {
color: #FF4D00 !important;
}

menubar > menu[_moz-menuactive="true"] {
color: #FF4D00 !important;
}

menubar > menu[_moz-menuactive="true"][open="true"] {
color: #FF4D00 !important;
}

6. Speichern Sie die userChrome.css-Datei. Das Ergebnis: Beim nächsten Start erscheint die Menüzeile in der gewünschten Farbe.

Schriftgröße und Schriftart anpassen

Neben der Schriftfarbe können Sie auf die Schriftgröße anpassen. Ergänzen Sie hierzu innerhalb der geschweiften Klammern den Befehl „font-size: 110% !important;“ – wobei 110% in diesem Beispiel die Schriftart um 10% größer darstellt. Das Ganze sieht dann z.B. so aus:

menubar > menu {
color: #FF4D00 !important;
font-size: 110% !important;
}

menubar > menu[_moz-menuactive="true"] {
color: #FF4D00  !important;
font-size: 110% !important;
}

menubar > menu[_moz-menuactive="true"][open="true"] {
color: #FF4D00  !important;
font-size: 110% !important;
}

Um die Schrift fetter zu machen, verwenden Sie (wieder in einer eigenen Zeile innerhalb der geschweiften Klammern) den Befehl:
font-weight: 800 !important;

Die Schriftart ändern Sie mit dem Befehl:
font-family: helvetica !important;

Die mobile Version verlassen