Farbe der Symbole in Navigationsleiste ändern

Ich habe mal deinen Code mit einer roten Farbe für das Symbol "Lesezeichen-Menü" ergänzt.

/* Navigationsleiste Farbe */

#nav-bar
{
background-color: #000066 !important;
color: #ffff00 !important;
border-top: 0px solid #ffffff !important;
border-left: 0px solid #ffffff !important;
border-right: 0px solid #ffffff !important;
border-bottom: 0px solid #000000 !important;
}

/* Navigationsleiste hovern */

#nav-bar-customization-target > toolbarbutton:hover,
#stop-reload-button:hover{
background-color: #ffff00 !important;
color: #000066 !important;
}

/* Lesezeichen-Button neue Farbe */
#bookmarks-menu-button { fill: red !important;}

Normal

Bei Maus Hoover

Zitat von heiko

einen schönen kräftigen gelb dargestellt werden.

Das geht mit den neuen Icons vom Fx nicht mehr.

Wenn, dann musst du dir eigene Icons dafür einrichten.

Zitat von heiko

irgendwie rauszuklauen und in den 89er reinzubasteln?

Auch das geht nicht

Außer du kannst sie als Icon für dich abspeichern.

Naja, Firefox 88 starten, Icon-URLs über die Entwicklerwerkzeuge raussuchen, abspeichern und in Firefox 89 dann per CSS einbinden. Kein Hexenwerk, nur etwas Aufwand.

Wenn es nur um die Farbe geht, die lässt sich mittels fill in Firefox 89 genauso ändern wie in Firefox 88. Wenn "kräftig" dickere Linien meint, müssen dafür die Icons ausgetauscht werden.

Zitat von heiko

Warum machen die Entwickler denn sowas?

Die Entwickler haben damit nichts zu tun, die setzen nur eine Vorgabe um. Für die Gestaltung sind die Designer verantwortlich. Aber du fragst im Endeffekt, wieso die Designer Icons verwenden, die dir nicht gefallen. Darauf kann es keine sinnvolle Antwort geben. Geschmäcker sind einfach unterschiedlich.

#nav-bar .toolbarbutton-1 {
  fill: yellow !important;
}

Nicht auf unerwünschte Nebenwirkungen getestet, da ich jetzt erstmal den Computer wechseln muss.

Zitat von heiko

Wäre schon schön wenn es da mit einen kleinen Code zu machen wäre.

Welche Farbe willst du denn genau ändern?

Den Hintergrund des Buttons, die Farbe des eigentlichen Symbols?

Zitat von heiko

Jetzt wäre noch ein Hovereffekt sehr nice

#nav-bar .toolbarbutton-1:hover {
  fill: red !important;
}

Zitat von heiko

Gibt es da noch einen Trick?

Teste bitte:

#nav-bar  {
--toolbarbutton-hover-background: blue !important;
}
#nav-bar .toolbarbutton-1 {
  fill: yellow !important;
}
#nav-bar .toolbarbutton-1:hover {
  fill: white !important;
}

Zitat von heiko

ein schönes Wochenende.

Danke, das wünsche ich dir auch

Teste bitte:

    /* animierte Downloadanzeige */
        /* Pfeil im Ruhezustand! */
#downloads-button[indicator="true"]:not([attention="success"]) #downloads-indicator-icon {
    fill: rgb(0,200,0) !important;
    }
        /* Pfeil beim Download */
#downloads-button[progress="true"] #downloads-indicator-anchor #downloads-indicator-icon {
    fill: #FFCC00 !important;
    }
        /* Pfeil nach erfolgreichem Download */
#downloads-button {    
    --toolbarbutton-icon-fill-attention: rgb(0,200,0) !important;
    }
        /* Kreis um die "Torte" */
#downloads-button > .toolbarbutton-badge-stack > #downloads-indicator-progress-outer {
    border-color: #FFFF00 !important;
    }
#downloads-indicator-start-image {
    fill: #FFFF00 !important;
    }

Gern geschehen!