Farbliche Anpassungen im Hauptmenü

  • Ich würde gerne bei einigen Einträgen im Hauptmenü farbliche Anpassungen vornehmen.

    Leider bekomme ich das trotz langer Herumprobiererei nicht hin. Vielleicht hat einer der .css-Profis ja eine Idee.

    Es geht um folgende Punkte (siehe Screenshot):



    Der kleine Pfeil neben "Symbolleiste" soll weiß werden (auch alle anderen gleichartigen Pfeile in anderen Menüs)

    Die Fläche links neben "Menüleiste" soll die Hintergrundfarbe bekommen und der Haken soll weiß werden.

  • Nach intensiver Probiererei habe ich nun selbst eine (fast perfekte) Lösung gefunden.

    Hier das Ergebnis:



    Den Rahmen der Checkboxen hätte ich zwar gerne weggehabt, aber mit dem Erreichten kann ich leben... ;):D

  • Auf Wunsch eines einzelnen Neugierigen... ;)

    für die Pfeile:

    CSS
    1. .menu-right:not([_moz-menuactive="true"]),
    2. .menu-right[_moz-menuactive="true"] {
    3. -moz-appearance: menuarrow !important; filter: invert(80%) !important; }

    für die Checkboxen:

    CSS
    1. #viewToolbarsMenu menuitem[type="checkbox"] > .menu-iconic-left,
    2. #viewToolbarsMenu menuitem[checked="true"] > .menu-iconic-left {
    3. -moz-appearance: checkbox !important; margin-left: 5px !important;
    4. margin-right: 8px !important; margin-top: 2px !important;
    5. filter:invert(80%); }
    6. #viewToolbarsMenu menuitem:not([checked="true"]) > .menu-iconic-left {
    7. -moz-appearance: none !important; }

    Für die Pfeile habe ich alle derartigen Pfeile angesprochen, bei den Checkboxen jede einzeln (weil ich bei einzelnen Menüpunkten das Verhalten nicht ändern wollte...)

    Das ganze ist farblich auf auf meine dunkle Oberfläche abgestimmt, das heißt da muß evtl. noch etwas angepaßt werden.

  • Danke, ich nutze einen (bearbeiteten) Stil von Endor:

    Quelle:

    https://github.com/Endor8/CSS/…n%C3%BCleiste/Ansicht.css

    Aber, Achtung.. teils sind die Codes in der Umgebung noch anzupassen... aka browser.xhtml und so weiter...

  • Nur zur Info.

    Habe jetzt alle auf browser.xhtml aktualisiert.

    Es sind bei ein paar Dateien auch noch ein paar Zeilen CSS dazu gekommen.
    :wink:


    Nochmals Danke an Boersenfeger für den Hinweis.

    :klasse:

    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:69.0) Gecko/20100101 Firefox/69.0
    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:70.0) Gecko/20100101
    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:71.0) Gecko/Firefox/71.0a1

    OS: Windows 7 H. P. 64 Bit
    Kein Support per PN. Fragen bitte im Forum stellen!

  • Hinweis:

    Habe jetzt die aktuellen Versionen in den Ordner Firefox 69 verschoben:

    https://github.com/Endor8/CSS/tree/master/Firefox%2069


    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:69.0) Gecko/20100101 Firefox/69.0
    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:70.0) Gecko/20100101
    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:71.0) Gecko/Firefox/71.0a1

    OS: Windows 7 H. P. 64 Bit
    Kein Support per PN. Fragen bitte im Forum stellen!

  • Moin, sehr gute Arbeit. :thumbup:

    Habe noch einen Fehler gefunden, den ich aber schon bei mir ausgemerzt habe.

    Bei der Datei Menuleiste-Lesezeichen hast Du unter -moz-document folgenden Aufruf:

    Code
    1.  @-moz-document url-prefix("chrome://browser/content/browser.xul"


    So, klappt es dann aber

    Code
    1. @-moz-document url-prefix("chrome://browser/content/browser.xhtml"

    Müsstest noch kurz ändern.

  • Hallo BarbaraZ-.

    Ist erledigt.

    Danke für den Hinweis.

    :klasse:


    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:69.0) Gecko/20100101 Firefox/69.0
    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:70.0) Gecko/20100101
    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:71.0) Gecko/Firefox/71.0a1

    OS: Windows 7 H. P. 64 Bit
    Kein Support per PN. Fragen bitte im Forum stellen!