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; } -
Damit sind bei mir diese Scroll-Buttons in der Tableiste bei Overflow weg
Ist mir noch in der Nacht eingefallen!
Das könnte damit zusammenhängen, dass das (Dein) Symbol nicht geladen werden kann.
Ersetze mal, nur zum Testen, Deine Symbole, inkl. Pfad,
durch z.B. "chrome://global/skin/icons/defaultFavicon.svg"
Wenn dieses interne Symbol geladen wird, liegt es wahrscheinlich am falschen Pfad. -
Wenn dieses interne Symbol geladen wird, liegt es wahrscheinlich am falschen Pfad.
Ich Schlaumeier hatte vergessen, die Icons auch für die Tableiste einzutragen, jetzt geht alles prima ....
-
Ich Schlaumeier hatte vergessen, die Icons auch für die Tableiste einzutragen,
Ja, kenne ich. Solche Flüchtigkeitsfehler passieren mir auch oft, gerade wenn es nur mal eben schnell gehen soll.
-
Ja, kenne ich. Solche Flüchtigkeitsfehler passieren mir auch oft, gerade wenn es nur mal eben schnell gehen soll.
Tja...
Übrigens, mir kam das dann doch etwas bekannt vor, hier eine alte Thread zum Thema.
Falls deine Pfeile alle gleich sind, reichen auch 2, evtl. sowas, nur grob angetestet:
CSS
Alles anzeigenarrowscrollbox[orient="horizontal"] { --custom-arrow-image: url("icons/pfeiltest-links.png"); } arrowscrollbox { --custom-arrow-image: url("icons/pfeiltest-down.png"); } :is(#scrollbutton-down, #scrollbutton-up) > .toolbarbutton-icon { list-style-image: var(--custom-arrow-image) !important; }Bezgl. Dateipfaden, bei mir am Mac geht das url("icons/pfeiltest-links.png"), oder das url("./icons/pfeiltest-links.png"), aber nicht das url("../icons/pfeiltest-links.png") ("icons" Ordner im "chrome" Ordner).
Hier auch noch ein aktueller Fx Code dazu.
Test Icons: pfeiltest.zip
-
Übrigens, mir kam das dann doch etwas bekannt vor, hier eine alte Thread zum Thema.
Falls deine Pfeile alle gleich sind, reichen auch 2, evtl. sowas, nur grob angetestet:
Jo, kannte ich, gefällt mir aber nicht so gut, da die Symbole nicht einzeln angesprochen werden.
Aber habe ich mir in meine Datei dennoch auskommentiert eingetragen!
Danke.
