Diverse Buttons beim drüberfahren mit der Maus einfärben

    Firefox-Version
    116.0.3
    Betriebssystem
    Windows 11

    Hallo zusammen,

    wie im Titel schon angedeutet wollte ich fragen ob es möglich ist in der Navigations-Symbolleiste oder Adressleiste (oder wie auch immer das gute Stück heißt) die Symbole für die

    Bookmarks Sidebar,

    den Home Button,

    den Bookmarks Button,

    den Download Button

    das Zahnrad für das Settings Symbol,

    den Screenshot Button und

    den Extensions/AddOn Button

    beim drüberfahren mit der Maus umzufärben?


    Beim Home Button, bei vor und zurück und beim reload Button habe ich das mittels folgendem Code in der userChrome.css geschafft.

    CSS
     #home-button:hover,
#reload-button:hover,
#back-button:hover,
#forward-button:hover  {
  --toolbarbutton-hover-background: #00bbff !important;
  fill: black !important;
}

    Wie kriege ich auch die anderen dazu Farbe zu bekennen?

    • Hilfreichste Antwort
    Zitat von Nikolaus2001at

    Beim Home Button, bei vor und zurück und beim reload Button habe ich das mittels folgendem Code in der userChrome.css geschafft.

    Wie kriege ich auch die anderen dazu Farbe zu bekennen?

    Vielleicht einfach generell die Hover-Farbe für die Navbar Buttons festlegen, statt für einzelne Buttons?

    Dazu noch evtl. die Farbe bei geöffneten Menüs.

    CSS
    #nav-bar {
    --toolbarbutton-hover-background: green !important;
    --toolbarbutton-active-background: red !important;
}

    Einmal editiert, zuletzt von Horstmann (22. August 2023 um 17:01)

    Zitat von Horstmann

    Vielleicht einfach generell die Hover-Farbe für die Navbar Buttons festlegen, statt für einzelne Buttons?

    Klar, wenn man's weiß wie's geht ist's einfach. :)

    Zitat von Horstmann

    Dazu noch evtl. die Farbe bei geöffneten Menüs.

    Wie kann ich das einstellen?

    Nichtsdestotrotz schon mal ein großes Danke. Deine Antwort hat mir sehr geholfen.

    Das man all die Symbole mit nur 2 Zeilen ansprechen kann ... 8|

    Zitat von Nikolaus2001at
    Zitat von Horstmann

    Dazu noch evtl. die Farbe bei geöffneten Menüs.

    Wie kann ich das einstellen?

    Das ist oben in meinem Code schon dabei; --toolbarbutton-hover-background ist für die Buttons bei Hover (Drüberfahren), --toolbarbutton-active-background ist für die Buttons wenn sie ein offenes Aufklappmenü haben, oder sonst aktiviert sind.

    Einfach mal mit dem Code ein Aufklappmenü öffnen, dann siehst du es.