Lässt sich die Farbe der Ordner-Symbole in der Bibliothek ändern?

cftm

Hallo,

für meinen Geschmack sind die Lesezeichen-Ordner in ihrer derzeitigen Optik,
die nur aus einer dünnen Kontur besteht, zu schlecht erkennbar, wenn sie
zusammen mit Lesezeichen aufgelistet sind. Ich hätte die Ordner daher gerne

etwas prägnanter. Kennt jemand eine Möglichkeit, die Symbole einzufärben?

Gruß,

Thomas

2002Andreas

Zitat von cftm

Kennt jemand eine Möglichkeit, die Symbole einzufärben?

Meinst du das so?

Wenn ja:

CSS

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

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

Alles anzeigen

In Zeile 9 musst du dir den Pfad zu deinem Icon dann anpassen.

Einzutragen in die userChrome.css

Sollte der Ordner chrome nicht vorhanden sein musst du ihn dir erst erstellen, und in ihm dann eine userChrome.css
Du mußt dir im Profilordner einen neuen Ordner chrome erstellen und in diesem dann eine Textdatei ( mit einem Editor ) in die du den Code kopierst, bzw. einträgst.

Dann schließt du die Datei und speicherst sie als userChrome.css ab.
Danach mußt du den Firefox neu starten.

PS:
Du musst dir dazu die versteckten Dateiendungen anzeigen lassen.

Um das einzustellen klickt man im Windows 10 Explorer (wenn man einen Ordner offen hat) erst oben links auf Ansicht..dann rechts oben auf

"Optionen" > "Ordner und Suchoptionen ändern" > "Ansicht"

und entfernt das Häkchen bei "Erweiterungen bei bekannten Dateitypen ausblenden"

(bei einem Mac ist das natürlich dann anders)

Wo finde ich meinen Profilordner

Eine genaue Beschreibung dazu befindet sich auch unter diesem Link:

Videoanleitung für die userChrome.css und mehr

Zusätzlich muss in about:config der Eintrag:

toolkit.legacyUserProfileCustomizations.stylesheets

auf true stehen.

Oder dieses Icon downloaden:

Mira_Belle

Oder ...

CSS

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

    .bookmark-item[container] {
        fill:red !important;
    }
}

Für die anderen Icons bitte ich Dich 2002Andreas, die, wenn bedarf, rauszusuchen.

2002Andreas

Zitat von Mira_Belle

Oder ...

Du hast deinen Code mal selber getestet?

Funktioniert so nämlich nicht in der Sidebar und der Bibliothek.

Mira_Belle

Zitat von 2002Andreas

Du hast deinen Code mal selber getestet?
Funktioniert so nämlich nicht in der Sidebar und der Bibliothek.

Ja, ...

und hatte auch geschrieben, ...

Zitat von Mira_Belle

Für die anderen Icons bitte ich Dich 2002Andreas, die, wenn bedarf, rauszusuchen.

Da habe ich die CSS-Selektoren nicht gefunden!

2002Andreas

Zitat von Mira_Belle

Da habe ich die CSS-Selektoren nicht gefunden!

Dann hättest du doch gleich meinen Code nehmen können, und statt dem Icon eben fill: geschrieben.

cftm

Vielen Dank erstmal. Ich weiß jetzt noch nicht, ob ich die CSS-Codes richtig verstehe:
Steht der Bestandteil "Computer_File_064.gif" dafür, dass ich einen Pfad legen muss
zu einer Grafikdatei, die ich selbst bereitstelle? Falls ja, kann es auch ein anderes
Format sein als ein GIF?
Und beim zweiten Code von Mira_Belle, da wird lediglich die Farbe des bestehenden
Symbols geändert ("fill:red")? Diese sehen auf dem Mac übrigens standardmäßig
SO aus:

2002Andreas

Zitat von cftm

"Computer_File_064.gif"

Ist nur die Bezeichnung von meinem Icon. Kannst du also problemlos umbenennen.

Zitat von cftm

auch ein anderes
Format sein als ein GIF?

Ja.

Zitat von cftm

dass ich einen Pfad legen muss zu einer Grafikdatei

Ja. Und zwar zu dem Ordner, wo du das Icon hinterlegt hast.

Hier im Beispiel sieht das für Windows so aus:

file:///C:/Users/Andi/Icons%20Firefox/Computer_File_064.gif

Mira_Belle

Zitat von 2002Andreas

Zitat von Mira_Belle

Da habe ich die CSS-Selektoren nicht gefunden!

Dann hättest du doch gleich meinen Code nehmen können, und statt dem Icon eben fill: geschrieben.

Rofl.

Da habe ich dann wohl wieder einmal zu kompliziert gedacht.

Und ich hatte Deinen Code ausprobiert!

In der Stilbearbeitung!

Kann ja nicht funktionieren. Ich Hirni.

Sorry.

Hoffentlich merke ich mir das.

2002Andreas

Zitat von Mira_Belle

Kann ja nicht funktionieren.

cftm

Jetzt hat alles geklappt, endlich habe ich wieder gefüllte Ordner-Symbole.

Ich musste erst noch rausfinden, wie unter MacOS die genaue Pfadbezeichnung lautet,
da es "C" ja nicht gibt und ich nicht wusste, wie in einem Pfad ein Leerzeichen
dargestellt wird (einer der Ordner im Pfad heißt "Application Support"). Um den
korrekten Pfad zu sehen, reicht es, das Programm "Terminal" zu öffnen und
die Grafikdatei auf das Programmfenster zu ziehen. Den Pfad kann man dann
kopieren und in den CSS-Code einsetzen.

Also nochmal vielen Dank! Die Hilfe war wie immer super.

2002Andreas

Zitat von cftm

Also nochmal vielen Dank!

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

Boersenfeger

Das würde auch gehen, dann brauchen die Icons nicht direkt vorliegen:

CSS

/* Lesezeichen - Ordnericon gelb */

    @-moz-document url-prefix("chrome://browser/content/browser.xhtml") {
    .bookmark-item[container="true"] 
        list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNqMU79rFUEQ/vbuodFEEkzAImBpkUabFP4ldpaJhZXYm/RiZWsv/hkWFglBUyTIgyAIIfgIRjHv3r39MePM7N3LcbxAFvZ2b2bn22/mm3XMjF+HL3YW7q28YSIw8mBKoBihhhgCsoORot9d3/ywg3YowMXwNde/PzGnk2vn6PitrT+/PGeNaecg4+qNY3D43vy16A5wDDd4Aqg/ngmrjl/GoN0U5V1QquHQG3q+TPDVhVwyBffcmQGJmSVfyZk7R3SngI4JKfwDJ2+05zIg8gbiereTZRHhJ5KCMOwDFLjhoBTn2g0ghagfKeIYJDPFyibJVBtTREwq60SpYvh5++PpwatHsxSm9QRLSQpEVSd7/TYJUb49TX7gztpjjEffnoVw66+Ytovs14Yp7HaKmUXeX9rKUoMoLNW3srqI5fWn8JejrVkK0QcrkFLOgS39yoKUQe292WJ1guUHG8K2o8K00oO1BTvXoW4yasclUTgZYJY9aFNfAThX5CZRmczAV52oAPoupHhWRIUUAOoyUIlYVaAa/VbLbyiZUiyFbjQFNwiZQSGl4IDy9sO5Wrty0QLKhdZPxmgGcDo8ejn+c/6eiK9poz15Kw7Dr/vN/z6W7q++091/AQYA5mZ8GYJ9K0AAAAAASUVORK5CYII=')
        !important;
        -moz-image-region: rect(0px 16px 16px 0px) !important; }


/* Lesezeichen verwalten - Ordnericon stehend gelb */

    @-moz-document url-prefix("chrome://browser/content/places/places.xhtml") {
    treechildren::-moz-tree-image(container) 
        list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNqMU79rFUEQ/vbuodFEEkzAImBpkUabFP4ldpaJhZXYm/RiZWsv/hkWFglBUyTIgyAIIfgIRjHv3r39MePM7N3LcbxAFvZ2b2bn22/mm3XMjF+HL3YW7q28YSIw8mBKoBihhhgCsoORot9d3/ywg3YowMXwNde/PzGnk2vn6PitrT+/PGeNaecg4+qNY3D43vy16A5wDDd4Aqg/ngmrjl/GoN0U5V1QquHQG3q+TPDVhVwyBffcmQGJmSVfyZk7R3SngI4JKfwDJ2+05zIg8gbiereTZRHhJ5KCMOwDFLjhoBTn2g0ghagfKeIYJDPFyibJVBtTREwq60SpYvh5++PpwatHsxSm9QRLSQpEVSd7/TYJUb49TX7gztpjjEffnoVw66+Ytovs14Yp7HaKmUXeX9rKUoMoLNW3srqI5fWn8JejrVkK0QcrkFLOgS39yoKUQe292WJ1guUHG8K2o8K00oO1BTvXoW4yasclUTgZYJY9aFNfAThX5CZRmczAV52oAPoupHhWRIUUAOoyUIlYVaAa/VbLbyiZUiyFbjQFNwiZQSGl4IDy9sO5Wrty0QLKhdZPxmgGcDo8ejn+c/6eiK9poz15Kw7Dr/vN/z6W7q++091/AQYA5mZ8GYJ9K0AAAAAASUVORK5CYII=')
        !important; }

Alles anzeigen

2002Andreas

Zitat von Boersenfeger

Das würde auch gehen

Dein Code funktioniert so nicht.

Da fehlen mal wieder mehrere Klammern

Mira_Belle

Zitat von 2002Andreas

Ok, dann hab ich es ganz falsch gemacht!

Ohne ...

CSS

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

Mh.

Aber Danke für den Hinweis.

2002Andreas

Zitat von Mira_Belle

Ohne ...

Mira_Belle

Ok, bin wohl zu blöd für diese Welt!

Habe Deinen Code mit fill: red !important;

in meinem Testprofil in die Stilbearbeitung kopiert!

Also, ...

CSS

treechildren::-moz-tree-image(title, container),
treechildren::-moz-tree-image(title, query, hostContainer),
.bookmark-item[container="true"] {
    fill: red !important;
  }

Ohne ...

CSS

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

und es haben sich nur die Icons (Ordner) im Lesezeichenmenü geändert.

Wieso es bei Dir funktioniert, ist mir ein Rätsel.

Und auch ...

CSS

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

    
treechildren::-moz-tree-image(title, container),
treechildren::-moz-tree-image(title, query, hostContainer),
.bookmark-item[container="true"] {
    fill: red !important;
  }
}

Alles anzeigen

ändert nichts daran, dass nur die Icons im Lesezeichenmenü geändert werden.

Daher oben meine Vermutung, dass man die anderen Icons anders ansprechen muss,

andere Selektoren haben.

Aber ich weiß es nicht und ich weiß nicht, warum es nicht geht.

Das wurmt mich jetzt aber.

Also entweder Du verrätst es mir, oder das WE ist hinüber, da es mir dann keine Ruhe gibt.

2002Andreas

Zitat von Mira_Belle

oder das WE ist hinüber

Das wäre dann wirklich nicht gut

Du musst in den Entwicklerwerkzeugen erst aktivieren wo du etwas ändern willst.

Beispiel für die Sidebar:

Bibliothek:

Mira_Belle

Komisch, sehr komisch.

Genau das hatte ich gemacht,

auch habe ich es gerade noch einmal ausprobiert!

Es ist egal, ob ich einen Pfad zu einem Icon angebe, oder ob ich nur die Farbe per "fill" ändern möchte.

Änderungen machen sich NUR im Menü bemerkbar, weder in der Sidebar noch in der Bibliothek gibt es Veränderungen.

¯\_(ツ)_/¯

Ist mir jetzt ein Rätsel, belassen wir es dabei.

Ein anderes Mal, falls es noch einmal wichtig wird.

Aber vielen Dank.

Speravir

Zitat von cftm

Ich musste erst noch rausfinden, wie unter MacOS die genaue Pfadbezeichnung lautet,

Du kannst dir die Datei auch in dein Firefox-Profil kopieren oder dort einen Link auf die eigentliche Datei ablegen, am besten im chrome-Verzeichnis oder einem Unterordner dazu. Dann könntest Du about:profiles in die Adresszeile tippen, wo dann der Pfad zum Profil zu sehen ist. Aber, wenn die userChrome.css ebenfalls dort liegt, kann man mit einer relativen Pfadangabe arbeiten, was helfen kann, wenn man das Profil mal an eine andere Stelle kopieren will.

Zitat von cftm

und ich nicht wusste, wie in einem Pfad ein Leerzeichen dargestellt wird

%20, wie oben bei Andreas schon zu sehen ist (wenn man es weiß ).

Lässt sich die Farbe der Ordner-Symbole in der Bibliothek ändern?

Ähnliche Themen

Tableiste, nur Hintergrund ändern

deaktivierte Texte [disabled="true"] Farbe ändern.

Scrollbar Farbe ändern

Symbole wie Fenster schließen Farbe ändern

Hoverfarbe dauerhaft für unloaded Tabs benutzen und danach ändern