[Tipp] Gestaltung Anzeigeoberflächen

Mit relativ wenig Programmzeilen kann man die Anzeige von bspw. Extension (aber auch Browserinterne Anzeigen) auch in der Sidebar verändern /übersichtlicher gestalten. Nachfolgend ein Beispiel für die Anzeige der RSS- Extension sage [1] in der Sidebar (Syntax: Stylish [2]):

Code:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* 
 * Farbwahlhelfer: h**p://de.selfhtml.org/helferlein/farben.htm
 * farbliche Zuordnung auflösbar
 */

.plain  {
  	-moz-appearance: none !important;
  	background-color: rgb(254,250,238) !important; /* Hintergrund global, auch Sidebar */
}
@-moz-document
        
      /* Beispiele für Formatierung von div. Extension - Zuordnung */

        url(chrome://sage/content/sage.xul)    {

treechildren::-moz-tree-column,
treechildren::-moz-tree-cell(even)  { 
        background: rgb(254,250,238) !important; 
}
treechildren::-moz-tree-cell(odd )  { 
        background: rgb(230,250,230) !important; 
}
treechildren::-moz-tree-cell-text  { 
        color: black !important; font-weight: bold !important; 
}
treechildren::-moz-tree-cell(focus, selected, current)  { 
        background: rgb(128,255,255) !important; 
}
treechildren::-moz-tree-cell-text  { 
        color: black !important; font-weight: bold !important; 
}
}

Abb. Ansichtsbeispiel sage- Sidebar

Gleiches Ergebnis kann man in der Ansichtsoberfläche der Extension Stylish erreichen. Dazu ist die nachfolgende Zuordnung erforderlich:

Code:

url(chrome://stylish/content/stylish.xul)

Und natürlich ist ebenfalls die Darstellung von Bookmarks und History gleichermaßen veränderbar:

Code:

url(chrome://browser/content/history/history-panel.xul), 
url(chrome://browser/content/bookmarks/bookmarksPanel.xul)

Abb. Ansichtsbeispiel Bookmarks

Der Bookmarks-Manager - gleiches Prinzip :

Code:

url(chrome://browser/content/bookmarks/bookmarksManager.xul)

Abb. Ansichtsbeispiel Bookmarks- Manager

Mit entsprechender Aufwertung des Codeschnipsels ist natürlich die Darstellungsgröße, Schriftart und -farbe u.ä. veränderbar. Für Interessen zum Nachlesen:
Benutzeroberfläche mit userChrome.css ff

[1] http://sage.mozdev.org/
[2] http://userstyles.org/stylish/