Einzelne Einträge in der Bookmarks Sidebar mit einer Farbe versehen

Guten Tag,
Ist es möglich einzelne Einträge in der Bookmarks Sidebar dauerhaft farblich zu markieren?
Ich hätte gerne die Zeile "Lesezeichen-Menü" und "Weitere Lesezeichen" farblich hervorgehoben.
Zum besseren Verständnis füge ich mal ein Bild ein.

1.) ist der Istzustand, und
2.) wie ich es gerne hätte.
Meine Versuche mit .css Code sind leider nicht erfolgreich gewesen, ich konnte immer nur die gesamte Sidebar damit ansprechen.
Vielen Dank schon mal für zielführende Antworten.

Zitat von 2002Andreas

Eine perfekte Lösung kann ich dir leider nicht anbieten

Wenn du trotzdem testen möchtest:

Nachdem ich ein wenig mit den Werten herumgespielt habe muss ich mir eingestehen dass ich mit dieser Lösung nicht glücklich werde. Der Balken lässt sich nicht so richtig nach meinen Vorstellungen anpassen.
Nichtsdestotrotz ein herzliches Dankeschön dass du so schnell auf meinen Beitrag reagiert hast.

MfG, Manfred

Zitat von grisu2099

Dann sag doch mal konkret, was du möchtest...

Hab ich in meinem OP doch geschrieben und auch noch ein Bild angehängt damit man es besser sieht.
Ich hätte gern in der Bookmarks Sidebar die Zeile oder Spalte in der "Lesezeichen-Menü" und "Weitere Lesezeichen" steht (und nur diese, die anderen Bookmarks sollen so bleiben wie sie sind) so eingefärbt wie ich es in dem Bild dargestellt habe.

Aber lt. 2002 Andreas dürfte das nich so einfach sein.

Mittlerweile habe ich es durch ausprobieren hingekriegt die komplette Bookmarks Sidebar einzufärben.

/* Färbt die Zellen innerhalb der Bookmarks Sidebar */
.sidebar-placesTree treechildren::-moz-tree-cell {
    background-color: #00bbff !important;
    color: black !important;
}

Nun stehe ich aber vor dem Problem ob man da komplette Ordner (zB. Asus) und auch einzelne Bookmarks als Ausnahme definieren kann.

/* Ausnahme für den Ordner "Asus" */
.sidebar-placesTree treechildren::-moz-tree-cell-text(bookmark)[label="Asus"] {
    background-color: transparent !important;
    color: inherit !important;
}

Leider arbeitet der Code (in einer ansonst leeren) userChrome.css nicht.
Was mache ich falsch?

Zitat von 2002Andreas

Noch ein Versuch:

CSS

@-moz-document url("chrome://browser/content/browser.xhtml"),
               url("chrome://browser/content/places/bookmarksSidebar.xhtml") {
		
.sidebar-placesTree treechildren::-moz-tree-cell(container, queryFolder_menu________) {
   background: #00bbff !important;  
}

.sidebar-placesTree treechildren::-moz-tree-cell(container, queryFolder_unfiled_____) {
   background: #00bbff !important;  
}
}

Alles anzeigen

Zitat von Nikolaus2001at

und auch einzelne Bookmarks als Ausnahme definieren kann.

Leider nicht einzeln.

Ist auch nicht mehr notwendig. Denn mit deinem 2ten Code, den ich oben auf meine Bedürfnisse zurechtgekürzt habe bin ich exakt zu meinem gewünschten Ergebnis gekommen. (Zurechtgekürzt deshalb weil ich schon Einträge für "selected" und "hover" in der userChrome.css stehen habe.)
Vielen Dank für deine Bemühungen Andreas.

MfG, Manfred

Zitat von Horstmann

Also die Zeile durchgehend eingefärbt, ist das der Wunsch?

Probier mal diese Abwandlung von Andreas' Code; die Darstellung der Sidebar ist etwas OS abhängig, kannst auch mal -moz-tree-cell statt -moz-tree-row testen.

CSS

@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml") {

   .sidebar-placesTree treechildren::-moz-tree-row(queryFolder_menu________) {
     background-color: orange !important;  
     color: white !important;
   }

   .sidebar-placesTree treechildren::-moz-tree-row(container, queryFolder_unfiled_____) {
      background-color: lightblue !important;  
      color: white !important;
   }  
}

Alles anzeigen

Auch dir ein recht herzliches Dankeschön. Mit -moz-tree-row hat es nicht funktioniert, mit moz-tree-cell schon.
Danke nochmal und einen schönen Abend.

MfG, Manfred

Zitat von Horstmann

Wenn wir aber kleinlich sein wollen, dann sollte man sich evtl. auch noch der Iconfarbe annehmen.

/* Bookmarks Sidebar, Rote Ordner  */
.bookmark-item[container], treechildren::-moz-tree-image(container) {
    fill: red !important;
} 

Das färbt zumindest mal den Rand der Ordner rot. Muss mal schauen ob ich das mit dem kompletten Order hinkriege.