Wie man das Aussehen des orangen Balkens in Firefox ändert

Ich mag die Art und Weise, wie Firefox angepasst werden kann. Ich meine, es gibt nichts im Browser, das nicht entsprechend den Anforderungen und dem Komfort eines Benutzers geändert oder modifiziert werden kann. Während am funktionalen Ende über: config-Einstellungen geändert werden können, um fast alles zu erreichen, haben wir in ästhetischer Hinsicht CSS-Komponenten, die definiert werden können, um das Erscheinungsbild der Benutzeroberfläche zu ändern.

Wir betrachten die orangefarbene Schaltfläche von Firefox, die sich oben links im Browser befindet, und sehen, wie das Erscheinungsbild geändert werden kann. Schauen Sie sich zum Beispiel das Bild (unten) an und merken Sie sich, wie ich die Farbe von Orange auf Rot, den Text von Weiß auf Schwarz und von Firefox auf geändert habe. Interessant, oder?

So können Sie ähnliche Änderungen vornehmen.

Schritte zum Anpassen des Erscheinungsbilds von Firefox Button

Mit jedem Profil, das Sie in Firefox erstellen, ist eine CSS-Datei verknüpft. Es ist für Benutzereingaben gedacht, um die Darstellung des Browsers zu variieren. Dabei erfahren Sie auch, wie Sie diese Datei finden oder erstellen können, falls sie nicht vorhanden ist.

Schritt 1: Öffnen Sie Firefox und navigieren Sie zu Firefox (die orangefarbene Schaltfläche) -> Hilfe -> Informationen zur Fehlerbehebung.

Schritt 2: Eine neue Registerkarte wird gestartet. Lesen Sie den Abschnitt Anwendungsgrundlagen. Um zu Ihrem Profilordner zu gelangen, klicken Sie auf die Schaltfläche Ordner anzeigen. Es ist empfehlenswert, den Profilordner von hier aus zu öffnen, da Sie bei mehreren Profilen möglicherweise nicht wissen, welches verwendet wird.

Schritt 3: In Ihrem Profilverzeichnis finden Sie einen Ordner namens chrome. Wenn Sie das nicht finden können, können Sie eines erstellen.

Schritt 4: In diesem Ordner sollte sich eine Datei mit dem Namen userChrome.css befinden. Der Name sollte hier genau so geschrieben sein.

Auch hier können Sie einen erstellen, wenn Sie ihn nicht finden können. Wenn dies der Fall ist, fahren Sie mit Schritt 7 fort. Anderenfalls fahren Sie mit Schritt 5 fort.

Schritt 5: Klicken Sie mit der rechten Maustaste auf einen leeren Bereich und erstellen Sie ein neues -> Textdokument. Sobald Sie fertig sind, öffnen Sie die Datei mit dem Editor.

Schritt 6: Gehen Sie nun zu Datei und speichern Sie das Dokument als userChrome.css. Stellen Sie sicher, dass Sie den Dateityp im unteren Bereich des Dialogfelds " Speichern " in " Alle Dateien" ändern. Klicken Sie auf Speichern und schließen Sie das Dokument.

Schritt 7: Öffnen Sie die Datei userChrome.css mit dem Editor. Klicken Sie einfach mit der rechten Maustaste auf die Datei und wählen Sie Öffnen mit -> Editor.

Schritt 8: Kopieren Sie das folgende Code-Snippet (wie es ist) und hängen Sie es an die Datei an. Speichern Sie die Änderungen.

@namespace url ("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

# appmenu-button {

Hintergrund: # orange ! wichtig;

}

# appmenu-button dropmarker: before {

Inhalt: " Firefox "! wichtig;

Farbe: # FFFFFF ! wichtig;

}

# appmenu-button.button-text {

Anzeige: keine! wichtig;

}

Beachten Sie die fett gedruckten Abschnitte. Sie repräsentieren die Tastenfarbe, den Text bzw. die Textfarbe. Um das Erscheinungsbild der Schaltfläche zu ändern, können Sie diese Werte ändern. Hier ist der Code, der dem Bild entspricht, das Sie am Anfang gesehen haben.

Wenn Sie keine Kenntnisse über Hex-Codes haben, können Sie auf diesen Link verweisen. Oder Sie können dies überprüfen.

Fazit

Diese Änderung ist nur eine geringfügige Änderung. Wenn Sie die Codes beherrschen, können Sie fast alles in Firefox neu gestalten. Wenn Sie einige von denen haben, die Sie seit all den Jahren verwenden, teilen Sie diese mit unseren Lesern und helfen Sie dabei, den neuen Firefox-Benutzern ein Lächeln zu zaubern.