So, jetzt aber!
Damit sind bei mir diese Scroll-Buttons in der Tableiste bei Overflow weg, und nur noch in Lesezeichen Popups vorhanden (aktuelles Fx am Mac, Icons installiert und angezeigt in Lesezeichenpopups). 
Scrollbutton in Lesezeichen-Ordnern und Lesezeichen-Symbolleiste anpassen
-
FuchsFan -
3. Januar 2026 um 17:32 -
Erledigt
-
-
Horstmann Ich gestehe!
Ich habe natürlich noch mehr Code am Start.1. In der userChromeShadow.css folgender.
CSS
Alles anzeigen/*------------------------------------------------------*/ /**** Anpassungen an der Pfeile in der Tableiste ****/ /*------------------------------------------------------*/ #tabbrowser-arrowscrollbox, #pinned-tabs-container { &::part(scrollbutton-up), &::part(scrollbutton-down) { --arrowscrollbox-scrollicon-active-background-color: transparent !important; /* fill: orange; */ border: 1px solid hsla(35, 0%, 50%, 0.30) !important; } } #tabbrowser-arrowscrollbox, #pinned-tabs-container { &::part(scrollbutton-up):hover, &::part(scrollbutton-down):hover { --arrowscrollbox-scrollicon-hover-background-color: transparent !important; } }2. Dann in einer userChromeShadowIcons.css im Ordner "css":
CSS
Alles anzeigen/* diese Schreibweise erlaubt die Anpassung der Scroll-Button in Lesezeichen-Ordnern */ /* in der userChromeShadow.css ist noch ein Eintrag, gültig für Scroll-Button im All-Tabs-Button */ #navigator-toolbox { --ug-scroller_bgcolor: transparent; --ug-scroller_hoverbgcolor: hsla(35, 0%, 50%, 0.25); --ug-scroller_border_radius: 5px; } :is(#scrollbutton-down, #scrollbutton-up) { background-color: var(--ug-scroller_bgcolor, initial) !important; border-radius: var(--ug-scroller_border_radius, initial) !important; } :is(#scrollbutton-down, #scrollbutton-up):is(:hover, :active) { background-color: var(--ug-scroller_hoverbgcolor, initial) !important; } /* Pfeile der Tableiste eingefärbt */ #tabbrowser-arrowscrollbox { --ug-scrollbutton_color: #FFAA00 !important; } /* Pfeile der Lesezeichen eingefärbt */ .menupopup-arrowscrollbox { --ug-scrollbutton_color: #FFAA00 !important; } #scrollbutton-up, #scrollbutton-down { fill: var(--ug-scrollbutton_color, initial) !important; }Und 3. noch in der Datei "Scrollbuttons.css" eben jenen:
CSS
Alles anzeigen/* *********************************** */ /* ********** eigene Icons *********** */ /* *********************************** */ /* Scroll-Button für hoch/runter in Lesezeichen-Ordnern */ .menupopup-arrowscrollbox { --custom-up-image: url("../icons/Chevron-up.svg") !important; --custom-down-image: url("../icons/Chevron-down.svg") !important; } toolbarbutton#scrollbutton-up { list-style-image: var(--custom-up-image) !important; } toolbarbutton#scrollbutton-down { list-style-image: var(--custom-down-image) !important; transform: scaleY(1) !important; } /* Scroll-Button für rechts/links in der TabsToolbar */ #tabbrowser-arrowscrollbox { --custom-right-image: url("../icons/Chevron-right.svg") !important; --custom-left-image: url("../icons/Chevron-left.svg") !important; --custom-arrow-transform: scale(1) !important; } #scrollbutton-down > .toolbarbutton-icon { list-style-image: var(--custom-right-image) !important; transform: var(--custom-arrow-transform) !important; } #scrollbutton-up > .toolbarbutton-icon { list-style-image: var(--custom-left-image) !important; transform: var(--custom-arrow-transform) !important; } -
