Hallo zusammen!
Ich möchte euch ein Theme vorstellen, welches ich schon seit Firefox 3.x verwende, und was kürzlich für die neueren Firefox-Versionen aktualisiert wurde:
Foxdie Graphite - Ein Theme für Ästheten und Minimalisten
[Blockierte Grafik: http://www.einfotograf.de/foxdie/8.png]
Foxdie Graphite - © John Locke - http://www.foxdie.us
Ich habe dieses Theme mit Einverständnis des Autors noch subtil überarbeitet, viele Icons angepasst und werde in folgender Anleitung Schritt für Schritt die Installation und Konfiguration beschreiben. Das Resultat ist ein ein Theme im "Apple Milk"-Look, welches sich durch schlichte Eleganz auszeichnet und sich nicht in den Vordergrund drängt. Die Modifikationen sind recht umfangreich, also sichert euer Firefox-Profil, kocht eine Kanne Tee, und ...
Los gehts!
1. Das Theme
Ausgangspunkt ist das Foxdie Graphite 10.3 Theme, welches in der Originalversion hier erhältlich ist:
https://addons.mozilla.org/en-US/firefox/…raphite/?src=ss
Wer lieber dieses Theme mit meinen eigenen Modifikationen bevorzugt (s. alle folgenden Screenshots):
http://www.einfotograf.de/foxdie/foxdie_…windows-Mod.zip
Nachdem nun entweder das Originaltheme direkt installiert wurde, oder meine Modifikation heruntergeladen, entpackt und die .XPI Datei mittels Drag & Drop ins Browserfenster installiert wurde, sieht alles noch ein bisschen roh und unfertig aus. Ich schiebe die Tabs nach unten, blende die Lesezeichen-Symbolleiste ein, und sehe folgendes Ergebnis:
[Blockierte Grafik: http://www.einfotograf.de/foxdie/1.png]
2. Substyles
Das Besondere an Foxdie sind die vielen Substyles - also quasi Themes im Theme. In älteren Foxdie-Versionen gab es noch ein bequemes Konfigurationsmenü, welches in der aktuellen Version leider nicht mehr vorhanden ist.
Hier muss die Datei "UserChrome.css" editiert werden, in welcher persönliche Anpassungen an der Chrome-Oberfläche des Browsers durchgeführt werden. Der Einfachheit halber besorgt man sich die Erweiterung "ChromeEdit Plus":
http://webdesigns.ms11.net/chromeditp.html
Im ersten Screenshot ist die Erweiterung schon installiert und ich habe eine Verknüpfung in der Navigationsleiste erstellt.
Wir wollen nun den Substyle "Milk" anwenden, und noch ein paar weitere Änderungen an der Optik anbringen.
Hier findet ihr eine fertig angepasste "UserChrome.css" Datei:
http://www.einfotograf.de/foxdie/UserChrome.css
Diese Datei öffnen wir dann in einem Text-Editor, und kopiert den kompletten Inhalt in das Feld 'UserChrome.css" in Chrome-Edit Plus.
[Blockierte Grafik: http://www.einfotograf.de/foxdie/2.png]
Nach einem beherzten Klick auf "Save" und "Restart" präsentiert sich Firefox nun so:
[Blockierte Grafik: http://www.einfotograf.de/foxdie/3.png]
Wer möchte, kann die UserChrome.css nach eigenen Wünschen modifizieren. Sämtliche Schritte sind vollständig dokumentiert.
Wer Änderungen am Foxdie-Substyle durchführen möchte, findet eine komplette Liste unter:
http://foxdie.us
3. Der Firefox-Button
Aber wir sind noch lange nicht zufrieden. Der orange Firefox-Button wirkt wie ein Fremdkörper und soll hübsch transparent werden.
Dazu benötigen wir die Firefox-Erweiterung "Stylish":
https://addons.mozilla.org/de/firefox/addon/stylish/
Nachdem diese Erweiterung installiert wurde, installieren wir folgenden UserStyle:
http://userstyles.org/styles/52505/f…-firefox-button
Danach sieht der Firefox-Button nun so aus:
[Blockierte Grafik: http://www.einfotograf.de/foxdie/4.png]
4. Die Status-Leiste
Als nächstes nehmen wir uns die Status-Leiste vor. Wir installieren folgenden UserStyle:
http://userstyles.org/styles/60503/a…styled-find-bar
Jetzt hat man eine kleine, transparente Leiste rechts unten im Bildschirm. Ich habe den Code noch ein wenig besser an das Theme angepasst. Hier findet sich der korrigierte Code:
http://www.einfotograf.de/foxdie/customi…_add-on_bar.txt
Wie gewohnt in einem Text-Editor öffnen, den kompletten Inhalt in die Zwischenablage kopieren.
Jetzt im Firefox Add-On Menü links auf "Benutzerstile" klicken, und den Eintrag "Auto-hide add-on bar with styled find bar" bearbeiten. Der gesamte Code dort wird gelöscht, und der Inhalt der Zwischenablage eingefügt.
[Blockierte Grafik: http://www.einfotograf.de/foxdie/5.png]
Danach auf "Speichern" klicken, und die Statusleiste präsentiert sind nun passend zum restlichem Theme.
[Blockierte Grafik: http://www.einfotograf.de/foxdie/6.png]
5. Der Lesezeichen-Button
Wer den Button für das Lesezeichen-Menü nicht in der Lesezeichen-Symbolleiste, sondern in der Navigationsleiste haben möchte, der installiere sich noch folgende Erweiterung:
https://addons.mozilla.org/de/firefox/add…582139/?src=api
Danach kann mittels Rechtsklick auf die Navigationsleiste und "Anpassen" dann der Lesezeichen-Button vom rechten Rand in die Navigationsleiste geschoben werden.
[Blockierte Grafik: http://www.einfotograf.de/foxdie/7.png]
6. Das Endergebnis
[Blockierte Grafik: http://www.einfotograf.de/foxdie/8.png]
Viel Erfolg beim Nachbauen. Wer Fragen hat, darf sie gerne loswerden 
Gruß,
Michael