Lesezeichenordner einfärben oder mit png-file

mike2017

Hallo,

möchte mir die Lesezeichenordner im Firefox (95.0) einfärben oder ein png-file benutzen.

Habe schon einige Tage hier im Forum rumgestöbert,bin aber mit den Ergebnis nicht zufrieden.

Zum Einfärben der Ordner habe ich eine userChrome.css erstellt:

Der Inhalt kann nicht angezeigt werden, da er nicht mehr verfügbar ist.

Leider werden die Ordner nur rot umrandet angezeigt.

Als nächstes versuchte ich es mit einen png-file und folgender userChrome.css:

Aber auch hier werden erst garkeine Ordner-icon angezeigt.

Ich muss also irgendetwas falsch machen und brauche nun Eure Hilfe.

MfG

Mike

2002Andreas

Zitat von mike2017

Ich muss also irgendetwas falsch machen

Hallo und Willkommen hier im Forum. 😊

Vorweg, das Icon ist viel zu groß.

Hier mal geändert auf 16 x 16

Mit diesem Code dann erstellt, nur für die Sidebar:

CSS

@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml") {
    
treechildren::-moz-tree-image(title, container),
treechildren::-moz-tree-image(title, query, hostContainer) {
 list-style-image: url("file:///C:/Users/Andi/Icons%20Firefox/Folder-Green-icon.png")!important;
 -moz-image-region: rect(0px, 16px, 16px, 0px) !important;
}
}

Den Pfad zu deinem Icon musst du dir dann natürlich anpassen.

Versuch es bitte mal mit diesem Icon:

Und so muss der Code sein, wenn du überall einen grünen Ordner haben möchtest:

CSS

.bookmark-item[container="true"],
treechildren::-moz-tree-image(title, container),
treechildren::-moz-tree-image(title, query, hostContainer) {
 list-style-image: url("file:///C:/Users/Andi/Icons%20Firefox/Folder-Green-icon.png")!important;
 -moz-image-region: rect(0px, 16px, 16px, 0px) !important;
}

2002Andreas

Zitat von mike2017

Leider werden die Ordner nur rot umrandet angezeigt.

Das ist auch richtig, weil es sich um eine .svg Grafik handelt.

D.h., es wird immer nur der Rand mit fill eingefärbt.

mike2017

2002Andreas,

Vielen vielen Dank!!!

Mit neuen png-file und den letzten Code von Dir ist alles in bester Ordnung.

Nochmals vielen Dank

Mike

2002Andreas

Zitat von mike2017

Nochmals vielen Dank

Freut mich wenn ich dir damit helfen konnte, war gern geschehen

Ergänzend:

Zitat von mike2017

Mit neuen png-file

Dann reicht auch dieser Code aus:

CSS

.bookmark-item[container="true"],
treechildren::-moz-tree-image(title, container),
treechildren::-moz-tree-image(title, query, hostContainer) {
     list-style-image: url("file:///C:/Users/Andi/Icons%20Firefox/folder-green.png") !important;
}

Lesezeichenordner einfärben oder mit png-file

Ähnliche Themen

einige Proton-Änderungen abmildern

Lesezeichen Ordner versehentlich gelöscht

89.0 - aber bitte (wie ?) mit der Oberfläche von 88.0.1 ?

Worldwide Radio

Lesezeichen-Dropdown-Menü anpassen - Vorschaubild ausblenden?

Weitere Lesezeichen in Symbolleiste: Beschriftung anpassen