tab-panell FX 2 back to FX 1.5

Hi,

anscheinend bin ich nicht der einzige, den einige Dinge an der der neuen Skin von Firefox 2.0 erheblich stören. Was mich besonders stört, sind die Hintergrundbilder auf dem Tab-Panell. Aus meiner Sicht sollte die Default-Skin möglichst konservativ sein, weil die Skin nicht mehr sein sollte als ein neutraler Rahmen für Inhalte, also Webseiten. Wer Bunti-Klicki haben will , kann sich ja eins dieser aufdringlichen Themes installieren. Eigentlich sind alle aufdringlicher als das Default-Theme. Schade, dass die Firefox-Crew jetzt auch damit angefangen hat, den FX zu verschandeln.

Deswegen habe ich eben das Tab-Panell weitgehend in den »alten« Zustand zurückversetzt. Der Code gehört in die userchrome.css, muss aber noch etwas renoviert werden, weil er noch ein paar überflüssige Einträge enthält. Und die Innenabstände der Tabs (padding) müssen auch noch etwas korrigiert werden.

Screenshot siehe unten.

U P D A T E . S I E H E . U N T E N

Die Erweiterung hatte ich ausprobiert aber sie ist auch nicht bugfrei. Wirklich störend ist nur die neue Tableiste. Außerdem finde ich nicht, dass es einfacher ist ein Theme zu installieren. Copy code, open userchrome.css, paste code and safe userchrome.css – that’s all. Aber ich hatte noch keine Zeit, den Code zu bereinigen und dafür zu sorgen, dass das Kontextmenü der Tableiste nicht seinen Rahmen verliert.

Überarbeiteter Code – und diesmal mit Screenshot …

Hinzugekommen sind neue Buttons für die neue Tab-Arrow-Scrollbox von FX 2. Diese Buttons habe ich base64-encoded und direkt in den Code eingebettet. Der Code enthält außerdem ein paar Tweaks, die nicht die Tableiste betreffen – könnt ihr ja löschen.

(Wem übrigens das Menü gefällt – dafür habe ich ein paar Einträge im XUL-Code geändert. Und ne, das geht nicht leichter mit irgendeiner Erweiterung. Wer es manuell macht, hat mehr Möglichkeiten, sich sein eigenes Menü zurechtzuzimmern.)

[Blockierte Grafik: http://img3.glowfoto.com/images/2006/11/06-1210128273T.gif]

Update 08.11.06

/*=========================================================
Edit this file and copy it as userChrome.css into your profile-directory/chrome/


This file can be used to customize the look of Mozilla's user interface
You should consider using !important on rules which you want to override default settings.
==========================================================*/




/* Do not remove the @namespace line -- it's required for correct functioning */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */




/*========================================================================
	Some possible accessibility enhancements (For more examples see http://www.mozilla.org/unix/customizing.html )
=========================================================================*/


#sidebar{
	min-width: 80px !important;
	max-width: 1024px !important;
}


* {
	font-family: Arial !important;
	font-size: 12px !important
}




/*Set min toolbar height*/
toolbar {min-height: 31px !important}




/* Make the Search box flex wider */
#search-container {
	min-width: 130px;
	-moz-box-flex: 400 !important;
	margin-left: -2px;
}


statusbar[moz-collapsed="true"]{visibility: visible !important;}


#context-back,
#context-forward,
#context-reload,
#context-stop,
#context-sep-stop,
#context-setDesktopBackground,
/*#context-bookmarkpage,*/
#context-sendpage,
#context-sendlink,
#context-sendimage {
	display: none;
}


toolbox {border-top: 0 !important;}


.search-go-button-stack, #go-button-stack, sidebarheader {display: none}


tabbox * {background-image: none !important;}


.tabbrowser-arrowscrollbox {max-height: 26px !important;}


tab *, .tabs-bottom, .tabbrowser-strip {border:0 none !important;}


.tabbrowser-strip {
	border-bottom: 1px solid ThreeDShadow !important;
	padding-bottom: 2px !important;
	/*margin-left: -3px !important;*/
}


tabbrowser tab {
	-moz-appearance: tab !important;
	margin-top: 3px !important;
	border: 2px solid !important;
	border-bottom: 1px solid ThreeDHighlight !important;
	padding: 0 !important;
}


.tab-text {margin: 0 !important;}


.tab-icon {margin-left: -2px !important;}




tab[selected="true"] {margin-top: 1px !important;}


tab[beforeselected="true"] {-moz-appearance: tab-left-edge !important;}
tab[afterselected="true"] {-moz-appearance: tab-right-edge !important;}


/*tab[first-tab="true"] {derzeit kein Eintrag}*/


.tabs-alltabs-popup {border: 1px solid !important;}
.tabs-alltabs-stack {border-left: 1px solid ThreeDShadow !important;}


dropmarker {background:none !important;}
.autocomplete-dropmarker-bkgnd-box {display: none !important;}
#urlbar[level="high"] * {background-color: #F5F6BE !important;}
#urlbar[level="low"] * {background-color: #BEF6BE !important;}
#urlbar[level="broken"] * {background-color: #F6BEBE !important;}


.searchbar-engine-image-container {border: 1px solid #96969D !important; background: white !important;}
.searchbar-textbox {border-left: 0 none !important;}


.searchbar-engine-image {margin-left: 3px !important;}


.scrollbutton-up .toolbarbutton-icon {/*Links*/
	list-style-image: url("data:image/gif;base64, R0lGODlhCAAPAIABAAClAP///yH5BAEAAAEALAAAAAAIAA8AAAIXjB+ABortGDywyZqq1pn3eVkUOEbjwhQAOw==") !important;
	-moz-image-region: auto !important;
}


.scrollbutton-down .toolbarbutton-icon {/*Rechts*/
	list-style-image: url("data:image/gif;base64, R0lGODlhCAAPAIABAAClAP///yH5BAEAAAEALAAAAAAIAA8AAAIXRI4Blrq9HorS0UOjzdxwfIGVBTGJmRQAOw==") !important;
	-moz-image-region: auto !important;
}


.scrollbutton-up:hover .toolbarbutton-icon {/*Links hover*/
	list-style-image: url("data:image/gif;base64, R0lGODlhCAAPAIABAABEAP///yH5BAEAAAEALAAAAAAIAA8AAAIXjB+ABortGDywyZqq1pn3eVkUOEbjwhQAOw==") !important;
}


.scrollbutton-down:hover .toolbarbutton-icon {/*Rechts hover*/
	list-style-image: url("data:image/gif;base64, R0lGODlhCAAPAIABAABEAP///yH5BAEAAAEALAAAAAAIAA8AAAIXRI4Blrq9HorS0UOjzdxwfIGVBTGJmRQAOw==") !important;
}


.scrollbutton-down[disabled="true"] .toolbarbutton-icon,
.scrollbutton-up[disabled="true"] .toolbarbutton-icon {
	display:none !important;
}

• hat das Winestripe-Theme mindestens einen Bug, nämlich den nicht vollständig ersetzten Hintergrund in der URL- oder in der Searchbar.
• gehe ich mit den Änderungen der Pfeile auf der übervollen Arrow-Scrollbox ein Stück weiter.
• ist meine userchrome.css kompatibel mit dem Theme »Saturated« und wahrscheinlich auch anderen Themes, die nur Buttons ersetzen.
• steht im Code, wo der Code hingehört.
• lernt man was über den Fuchs, wenn man selber an ihm schraubt.
• kann man im Zuge der Wiederherstellung der Skin mit Hilfe von Einträgen in der UserChrome.css auch gleichzeitig anderes ändern wie zum Beispiel die Höhe einiger Boxen.
• ist meine UserChrome.css kleiner als ein komplettes Theme.
• lässt sich mein Code vermutlich schneller an neue FX-Versionen anpassen als ein komplettes Theme.

Wer die englische FX-2.0-Version installiert hat, der kann auch mal meine en-US.jar probieren. Die Originale der beiden Dateien, die ich geändert habe, sind gesichert als *.ORIGINAL.

http://www.file-upload.net/download_06.11.06_aqu5kn.zip.html

»Das nervt mich jetzt« hatte ich bereits gelöscht, weil ich übersehen hatte, dass napster dich nur zitiert hat, Alexxander. Außerdem ist napster zumindest hier auf dem Forum Novize und möglicherweise ist napster noch nicht in den Genuß einer der eigentlichen Vorzüge von Firefox gekommen, nämlich der Möglichkeit, selber an der Benutzeroberfläche nach Belieben basteln zu können. Denn nur so lernt man den Browser besser kennen und kann mit seinem Engagement in der Community möglicherweise verhindern, dass der Firefox verschlimmbessert wird. Gerade weil es möglich ist, die Benutzeroberfläche selbst zu verändern, und weil es so viele Themes gibt, sollte die Mozilla-Crew zusehen, dass ihr eigenes Theme so neutral wie möglich ist bleibt und wird, ohne Benutzer-abweisend zu wirken. Jetzt werden aber schon spezielle Boxen im Code angelegt, nur um darin Bilder unterzubringen, die als Hintegrund für andere Elemente dienen. Womöglich werden diese Bilder auch noch vorher in diverse Stücke gesliced. Die sollten ihre Energie nicht darauf verschwenden, an dem Default-Theme herumzupfuschen. Das war weitgehend gut so wie es war.

Habe eine Kleinigkeit in meinem Code (s. o.) korrigiert:

tab {padding: 0 !important}

wirkte sich auch auf die Tabs in der Optionen-Box aus.

Neuer Code:

tabbrowser tab {paddi…}

Wirkt sich nur noch auf die Tab-Nachfahren von »tabbrowser« aus. Falls jemand weitere Fehler findet, bitte melden.

#context-setWallpaper ist nicht mehr gültig für FX 2.0
Neuer Eintrag: #context-setDesktopBackground