Skript zum Anpassen der Scrollbar funktioniert nicht mehr richtig

  • Hallo Mira_Belle

    Hier das "neue" Skript

    ich habe jetzt das Script aus #225 genommen und habe die Farbe in den icons geändert.
    Jetzt ist es so wie ich es haben möchte.


    Hallo Mira_Belle,
    Du wirst es nicht glauben, Dein Script aus#225 mit den Icons mit diesem Code

    Code
    <svg xmlns="http://www.w3.org/2000/svg" viewBox='0 0 16 16' fill='context-fill'>
    <path d="m7.247 4.86-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z"/>
    </svg>

    funktioniert bei mir im Thunderbird 144.0b1.
    Ich kann hier die Farbe der Pfeile im Script ändern.

    WIN11 Home Version 24H2 (Build 26100.6584)

    Firefox 143.0.1 (64-Bit)
    Firefox 144.0b4 (64-Bit)
    Firefox 145.0a1 (64-Bit)

    Thunderbird 140.3.0esr (64-Bit)

    Meine Erweiterungen

    Einmal editiert, zuletzt von edvoldi (19. September 2025 um 15:48) aus folgendem Grund: Ein Beitrag von edvoldi mit diesem Beitrag zusammengefügt.

  • Eine etwas aufgeräumtere Version für den FF 143.

    Einfach mal Danke von mir Dir und allen anderen, die eventuell noch daran beteiligt waren, ich jetzt aber auf die Schnelle nicht heraussuchen wollte.

    Ein wenig kosmetische Kritik (Info auch edvoldi) …

    Es müsste orthographisch korrekt GRADIENT_HORIZONTAL heißen, das heißt ein N ist aus GRADIENT_HORINZONTAL zu entfernen. Für die Funktion der Konstante ist das zum Glück egal (wir hatten das Thema letztens erst).

    Das andere ist schwerwiegender und sollte einen Einfluss haben: Es gibt keinen Selektor horizontal mehr. Das heißt, dass in Zeile 142 zweimal das thumb[horizontal]zu thumb zu verkürzen ist und die beiden Regeln aus Zeile 138 und 142 in der Reihenfolge zu vertauschen wären. Nach dem Kürzen ergibt sich aber die bereits in Z. 135 stehende Regel, so dass man diese zwei zusammenfassen kann. Zusätzlich kann man die Regeln nochmals verkürzen, weshalb ich sie hier mal zusammen poste (die Einrückung ist durch das Kopieren übernommen worden):

    CSS
    		scrollbar > slider > thumb:is(:hover, active) {
    		  background-color: ${cs_thumb_hover_color} !important;
    		  background-image: ${cs_thumb_hover_image_horizontal} !important;
    		}
    		scrollbar > slider > thumb[vertical]:is(:hover, :active) {
    		  background-image: ${cs_thumb_hover_image_vertical} !important;
    		}

    Corner ist normalerweise das kleine "Dreieck" in der rechten unteren Ecke!

    (Ping 2002Andreas.) Nicht Dreieck. Es ist das Quadrat, „die Ecke“, rechts unten, das/die entsteht, wenn beide Laufleisten zugleich sichtbar sind.