Firefox Lesezeichen Ordner nicht überall gelb statt grau

  • Firefox-Version
    70.0.1
    Betriebssystem
    Linux Mint

    Hallo, ich habe mit Hilfe des Forums über die userChrome.css versucht meine Ordner von grau auf gelb umzustellen.

    Ich nutze Firefox 70.0.1.

    Dazu nutze ich den Code

    Das Problem hierbei:

    Die Ordner in der Lesezeichensymbolleiste u n d links in der Lesezeichen-Sidebar bleiben grau, aber unter Bibliothek/Chronik

    sind die Ordner gelb im linken Übersichtsbereich

    Auch wenn es seltsam ausschaut rechts oder warum wird 3x ein gelber Ordner angezeigt? Kann mich nicht erinnern in meinen früheren Firefox Versionen das so gehabt zu haben.

    Dann versuchte ich einen anderen Code hier aus dem Forum

    Bei diesem Code klappte alles sehr gut in der Sidebar und Lesezeichen-Symbolleiste, aber unter Bibliothek/Chronik waren die Ordner alle grau.

    Ich habe auch verschiedenes ausprobiert, die Ordner einzeln aufgerufen usw, ob die Farben sich ändern.

    Zudem habe ich versucht die beiden Codes zu "mischen", aber das klappte auch nicht.

    Also meine Frage, wie können alle Ordner überall gelb angezeigt werden und das beste aus dem beiden Codes kombinieren?

    In meinem chrome-Ordner befindet sich auch eine Datei

    Tabs unten.uc.js

    Code
    (function(){
    var tabbar = document.getElementById("TabsToolbar");
    tabbar.parentNode.parentNode.appendChild(tabbar);
    })()

    Dadurch sind meine Tabs unter der Url-Bar und der Lesezeichen-Symbolleiste.

    Ich will es erwähnen, evtl. kommt es dadurch zu Konflikten??

    Meine userChrome.css sieht derzeit vollständig so aus

    Nicht wundern, dass oben 100vw und 40px stehen wegen den Tabs unten. Es ging bei mir nicht anders, habe ich selbst an den Werten rumgespielt, damit die Darstellung harmonisch aussieht bei mir. Ich glaube Standardeinstellung waren 10 und irgendwas anderes, aber haute bei mir nicht hin. Ist zwar nicht perfekt, weil viel zu groß, aber habe es nicht anders hinbekommen.

    Würde mich über Hilfe freuen!
    Grüße

  • Zur hilfreichsten Antwort springen
  • Hallo und Willkommen hier im Forum.

    aber unter Bibliothek/Chronik waren die Ordner alle grau.

    Teste bitte mit diesem Code:

  • Nimm mal NUR das zum einfärben

    CSS
    /*Lesezeichen Sidebar Ordnerfarbe ändern */
    treechildren::-moz-tree-image(container) {
    fill:orange !important;}
    /*Lesezeichen Ordnerfarbe ändern */
    .bookmark-item[container="true"]{
    fill:orange !important;}

    vielleicht reicht dir das nämlich schon

    Hilfe auch im deutschsprachigen Matrix-Chat möglich oder im IRC-Chat
    Meine Anleitungstexte dürfen gerne "geklaut" und weiter verwendet/kopiert werden ;)

  • Hallo und Willkommen hier im Forum.

    aber unter Bibliothek/Chronik waren die Ordner alle grau.

    Teste bitte mit diesem Code:

    Danke.

    Keine Besserung leider.

    Es bleibt weiterhin alles grau im Bibliothek/Chronik Bereich.


    Nimm mal NUR das zum einfärben

    CSS
    /*Lesezeichen Sidebar Ordnerfarbe ändern */
    treechildren::-moz-tree-image(container) {
    fill:orange !important;}
    /*Lesezeichen Ordnerfarbe ändern */
    .bookmark-item[container="true"]{
    fill:orange !important;}

    vielleicht reicht dir das nämlich schon

    Hier wird alles übernommen, aber es ist leider kein sattes gelb (auch mit yellow statt orange keine Änderung), sondern zu transparent.

    Immerhin werden die Ordner in der Bibliothek nun in der Übersicht nicht mehrfach angezeigt.



    Dieses Gelb (von 2002Andreas ) hätte ich gerne.

    Sieht dann so aus:

    2 Mal editiert, zuletzt von Lbce (7. Januar 2020 um 13:34) aus folgendem Grund: Ein Beitrag von Lbce mit diesem Beitrag zusammengefügt.

  • ok, ich weiß dass das natürlich nicht das gleiche ist, aber ich fürchte es geht nicht anders, denn das andere sind ja quasi Bilder von Ordnern (in base64 Format) und das verursacht deine obigen Probleme da es anders realisiert wird. Deshalb bin ich damals davon ab gekommen und habe die Ordner einfach eingefärbt.

    Aber vielleicht kann dir ein findiger css Schreiber da doch noch weiter helfen...

    Hilfe auch im deutschsprachigen Matrix-Chat möglich oder im IRC-Chat
    Meine Anleitungstexte dürfen gerne "geklaut" und weiter verwendet/kopiert werden ;)

  • Neuer Versuch:

  • Noch einer;)

    Edit:

    Auch nicht so ganz perfekt geworden:/

  • Eine kleine Besserung immerhin nun.

    Links in der Übesichtspalte sind ALLE Ordner gelb, aber rechts nachwievor grau.

    Habe 3 Testordner erstellt in der Hoffnung, dass die evtl. sich gelb färben, aber ändert sich nichts.

    Leider alles grau und somit kaum auf den ersten schnellen Blick keine Unterscheidung zwischen Ordner/Lesezeichen

  • Ok. mehr fällt mir dann auch nicht ein.

    Wenn man das Icon direkt auf dem PC anspricht, also kein base64 benutzt:

    CSS
    .bookmark-item[container="true"],
    treechildren::-moz-tree-image(container) {
        fill: transparent !important;
        background:url("file:///C:/Users/Andi/Icons%20Firefox/Computer_File_064.gif") no-repeat !important;
        }
  • Auch dort das Problem mit den Lesezeichen die Schlagwörter haben.

    Ich ziehe auf jeden Fall das mit dem fill Element vor, da gehen dann auch die verschiedenen Icons nicht verloren

    Hilfe auch im deutschsprachigen Matrix-Chat möglich oder im IRC-Chat
    Meine Anleitungstexte dürfen gerne "geklaut" und weiter verwendet/kopiert werden ;)

  • Ok. mehr fällt mir dann auch nicht ein.

    Wenn man das Icon direkt auf dem PC anspricht, also kein base64 benutzt:

    CSS
    .bookmark-item[container="true"],
    treechildren::-moz-tree-image(container) {
        fill: transparent !important;
        background:url("file:///C:/Users/Andi/Icons%20Firefox/Computer_File_064.gif") no-repeat !important;
        }

    ??

    Habe ich was verpasst.

    Wo/wie Icon auf dem PC?
    Woher bekomme ich das besagte Icon?

    Nun erscheint alles leer

  • Das kannst du dir von hier als Bild herunterladen

    Um das Icon von hier zu verwenden, kannst du den data-Pfad aus Beitrag #8, Zeile 9 oder Zeile 20 ohne Klammern und ohne Anführungszeichen kopieren, füge ihn in die Adressleiste von Firefox ein und drücke Enter. Jetzt erhältst du das entsprechende Symbol, wie es im Beitrag #16 von Zitronella zu sehen ist. Du kannst dieses Symbol nun abspeichern und gibst den entsprechenden Pfad dahin an, so wie es im Beitrag #13 von 2002Andreas zu sehen ist.

    Natürlich ist der Link von Zitronella jetzt einfacher, aber, wenn du mal data-Code hast und nicht weißt, welches Symbol sich dahinter verbirgt, kannst du diese Methode verwenden.

    Übersetzer für Obersorbisch und Niedersorbisch auf pontoon.mozilla.org u.a. für Firefox, Firefox für Android, Firefox für iOS, Firefox Klar/Focus für iOS und Android, Thunderbird, Pootle, Django, LibreOffice, LibreOffice Onlinehilfe, WordPress

  • Ok. mehr fällt mir dann auch nicht ein.

    Wenn man das Icon direkt auf dem PC anspricht, also kein base64 benutzt:

    CSS
    .bookmark-item[container="true"],
    treechildren::-moz-tree-image(container) {
        fill: transparent !important;
        background:url("file:///C:/Users/Andi/Icons%20Firefox/Computer_File_064.gif") no-repeat !important;
        }

    Nun sind die Ordner in der Bibliothek/Chronik rechts auch endlich gelb.


    Aber kaum gefreut, sehe ich, dass die Lesezeichen-Ordner im Hauptfenster (also wenn man über die

    Menüleiste geht) keine Farbe mehr haben.

    Die Sidebar/Lesezeichen funktioniert.

    Auch die Lesezeichen-Symbolleiste übernimmt die gelbe Ordnerfarbe (auch wenn es leicht hochgestellt ist)

    Aber wenn ich auf "Weitere Lesezeichen anzeigen" gehe, fehlt die gelbe Ordnerfarbe auch hier komplett


    Kann es sein, dass mein Tabs unten.uc.js im chrome-Ordner das durcheinander bringt

    oder warum klappt das ganze nicht??

    Immer fehlt ein kleinees Stückchen kurz vorm Ziel.


    Das kannst du dir von hier als Bild herunterladen

    Um das Icon von hier zu verwenden, kannst du den data-Pfad aus Beitrag #8, Zeile 9 oder Zeile 20 ohne Klammern und ohne Anführungszeichen kopieren, füge ihn in die Adressleiste von Firefox ein und drücke Enter. Jetzt erhältst du das entsprechende Symbol, wie es im Beitrag #16 von Zitronella zu sehen ist. Du kannst dieses Symbol nun abspeichern und gibst den entsprechenden Pfad dahin an, so wie es im Beitrag #13 von 2002Andreas zu sehen ist.

    Natürlich ist der Link von Zitronella jetzt einfacher, aber, wenn du mal data-Code hast und nicht weißt, welches Symbol sich dahinter verbirgt, kannst du diese Methode verwenden.

    Danke, das sieht dann so aus als Code

    CSS
    .bookmark-item[container="true"],
    treechildren::-moz-tree-image(container) {
        fill: transparent !important;
        background: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=") no-repeat !important;
        }



    Nimm mal NUR das zum einfärben

    CSS
    /*Lesezeichen Sidebar Ordnerfarbe ändern */
    treechildren::-moz-tree-image(container) {
    fill:orange !important;}
    /*Lesezeichen Ordnerfarbe ändern */
    .bookmark-item[container="true"]{
    fill:orange !important;}

    vielleicht reicht dir das nämlich schon

    Gibt es irgendwo eine Seite mit all den englischen Farbcodes?

    Also orange sieht ja noch besser als yellow aus.

    Evtl. experimentier ich so lange mit den Gelbtönen, bis ich da was halbwegs vernünftiges finde.

    Irgendwas mit Ocker/Goldgelb o.ä.

    2 Mal editiert, zuletzt von Lbce (7. Januar 2020 um 16:37) aus folgendem Grund: Ein Beitrag von Lbce mit diesem Beitrag zusammengefügt.

  • Kann es sein, dass mein Tabs unten.uc.js im chrome-Ordner das durcheinander bringt

    eher nicht

    oder warum klappt das ganze nicht??

    irgendwas ist halt immer :D

    Kannst du bitte sagen, wo es eine Seite mit all den englischen Farbcodes gibt?

    https://www.color-hex.com/ statt orange oder yellow kannst du auch mal mit Farbtönen im Hexformat spielen

    https://www.color-hex.com/color/ffce00

    Wäre dann der Code

    CSS
    /*Lesezeichen Sidebar Ordnerfarbe ändern */
    treechildren::-moz-tree-image(container) {
    fill:#ffce00 !important;}
    /*Lesezeichen Ordnerfarbe ändern */
    .bookmark-item[container="true"]{
    fill:#ffce00 !important;}

    Hilfe auch im deutschsprachigen Matrix-Chat möglich oder im IRC-Chat
    Meine Anleitungstexte dürfen gerne "geklaut" und weiter verwendet/kopiert werden ;)