Speravir Werde das Skript überarbeiten, sobald ich aus dem Urlaub zurück bin.
Danke.
Beiträge von Mira_Belle
-
-
grisu2099 Danke für das i,
und Dir Sören Hentzschel für das einbauen.
Es wackelt alles und die Tastatur auf dem Smartphone ist auch nicht soo dolle.
-
... dann ist auf die DB verlass.
Zug ausgefallen.
Ersatzzug fährt nicht dorthin,
wo man hin wollte.
Zitzplatzresevierungen sind natürlich auch verfallen!
Dann hat man schöne Plätze in einem Abteil, fällt die Klima inkl. Lüftung aus.
Reisen mit der Bahn, immer ein Abenteuer.
-
2002Andreas Corner ist normalerweise das kleine "Dreieck" in der rechten unteren Ecke!
cs_buttons_color = ist das, was Du verändern wolltest. Unglückliche Bezeichnungen, aber so von Aris übernommen. -
Hier das "neue" Skript, aber nur für User, bei denen das "normale" Skript die Pfeile nicht einfärbt!
Leider weiß ich nicht, woran das liegt, denn bei mir, wie auch bei einigen anderen, funktioniert das "normale" Skript.CSS
Alles anzeigen// Scrollbar.uc.js "use strict"; /* Custom Scrollbars for Firefox ********************************************************************************************* */ /* */ /* Version: v0.8.light.uc.js for version 143+ for users whose normal icons cannot be colored using CSS. */ /* */ /* Scrollbar.v2.0.8.light.uc.js https://www.camp-firefox.de/forum/thema/139766/?postID=1279113#post1279113 */ /* */ /* ****************************************************************************************************************************** README Änderungen! Symbole sind nun hardcoded. /* *************************************************************************************************************************** */ (function() { /* **** Konfiguration **** */ // CUSTOM SCROLLBAR COLORS/GRADIENTS // - scrollbar let cs_scrollbar_arrows_color = "%23bfbfbf" ;// default: custom_scrollbar_arrows_color = "grey"; / # ==> %23 e.g. #33CCFF ==> %2333CCFF let cs_scrollbar_arrows_hover_color = "%23ffae00" ;// default: custom_scrollbar_arrows_hover_color = "orange"; # ==> %23 // - background let cs_background_color = "#5b5b66" ;// default: cs_background_color = "#DDDDDD" / "#AEC5FA" let cs_background_roundness = 0 ;// default: cs_background_roundness = 0 / in px / 9 let cs_ignore_color_gradients = true ;// default: cs_ignore_color_gradients = false / true 'flat' scrollbars // - corner let cs_corner_background_color = "#bfbfbf" ;// default: cs_corner_background_color = "#DDDDDD" / - corner / "#CCCCCC" // - thumb/slider let cs_thumb_color = "#bfbfbf" ;// default: cs_thumb_color = "#33CCFF" / thumb/slider let cs_thumb_hover_color = "#ffa600" ;// default: cs_thumb_hover_color = "#66FFFF" let cs_thumb_border_color = "#5b5b66" ;// default: cs_thumb_border_color = "#33CCFF" let cs_thumb_border = 1 ;// default: cs_thumb_border = 0 / in px 1 let cs_thumb_roundness = 9 ;// default: cs_thumb_roundness = 0 / in px 9 let cs_thumb_minimal_size = 17 ;// default: cs_thumb_minimal_size = 17 / in px // - buttons let cs_buttons_color = "#5b5b66" ;// default: cs_buttons_color = "#66FFFF" "Bahama Blue";/ buttons let cs_buttons_hover_color = "#5b5b66" ;// default: cs_buttons_hover_color = "#33CCFF" / "#bfffff" let cs_button_size = 17 ;// in px // default: cs_button_size = 17 / in px let cs_buttons_border = 0 ;// default: cs_buttons_border = 0 / in px let cs_buttons_roundness = 0 ;// default: cs_buttons_roundness = 0 / in px /* **** Ende Konfiguration **** */ /* *************************************************************************************************************************** */ // FIXED SCROLL BAR COLORS/COLOR GRADIENTS // - fixed values for background image gradients let GRADIENT_VERTICAL = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; let GRADIENT_HORINZONTAL = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"; // - background let cs_background_image_vertical = GRADIENT_VERTICAL ;// default: cs_background_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)" let cs_background_image_horizontal = GRADIENT_HORINZONTAL ;// default: cs_background_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)" // - corner let cs_corner_background_image = "linear-gradient(45deg,transparent 30%,rgba(255,255,255,0.5) 50%,transparent 70%),linear-gradient(-45deg,transparent 30%,rgba(255,255,255,0.5) 50%,transparent 70%)" ;// default: cs_corner_background_image = "linear-gradient(45deg,transparent 30%,rgba(255,255,255,0.5) 50%,transparent 70%),linear-gradient(-45deg,transparent 30%,rgba(255,255,255,0.5) 50%,transparent 70%)" // - thumb/slider let cs_thumb_image_vertical = GRADIENT_VERTICAL ;// default: cs_thumb_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)" let cs_thumb_image_horizontal = GRADIENT_HORINZONTAL ;// default: cs_thumb_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)" let cs_thumb_hover_image_vertical = GRADIENT_VERTICAL ;// default: cs_thumb_hover_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)" let cs_thumb_hover_image_horizontal = GRADIENT_HORINZONTAL ;// default: cs_thumb_hover_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)" // - buttons let cs_buttons_image_vertical = GRADIENT_VERTICAL ;// default: cs_buttons_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)" let cs_buttons_image_horizontal = GRADIENT_HORINZONTAL ;// default: cs_buttons_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)" let cs_buttons_hover_image_vertical = GRADIENT_VERTICAL ;// default: cs_buttons_hover_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)" let cs_buttons_hover_image_horizontal = GRADIENT_HORINZONTAL ;// default: cs_buttons_hover_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)" // unset background image color gradients -> flat scrollbars if(cs_ignore_color_gradients === true) cs_background_image_vertical = cs_background_image_horizontal = cs_corner_background_image = cs_thumb_image_vertical = cs_thumb_image_horizontal = cs_thumb_hover_image_vertical = cs_thumb_hover_image_horizontal = cs_buttons_image_vertical = cs_buttons_image_horizontal = cs_buttons_hover_image_vertical = cs_buttons_hover_image_horizontal = "unset"; let custom_scrollbars_code=''; let custom_scrollbar_arrows_code=''; custom_scrollbars_code=` scrollcorner, scrollbar > slider, scrollbar > slider > thumb, scrollbar > scrollbarbutton { /* appearance: auto; */ -moz-default-appearance: none !important; } scrollbar > slider { background-color: ${cs_background_color} !important; background-image: ${cs_background_image_horizontal} !important; border-radius: ${cs_background_roundness}px !important; } scrollbar[vertical] > slider { background-image: ${cs_background_image_vertical} !important; border-radius: ${cs_background_roundness}px !important; } scrollcorner { background-color: ${cs_corner_background_color} !important; background-image: ${cs_corner_background_image} !important; } scrollbar > slider > thumb { background-color: ${cs_thumb_color} !important; border-radius: ${cs_thumb_roundness}px !important; box-shadow: inset 0 0 0 ${cs_thumb_border}px ${cs_thumb_border_color} !important; } scrollbar[vertical] > slider > thumb { background-image: ${cs_thumb_image_vertical} !important; min-height: ${cs_thumb_minimal_size}px !important; } scrollbar > slider > thumb { background-image: ${cs_thumb_image_horizontal} !important; min-width: ${cs_thumb_minimal_size}px !important; } scrollbar > slider > thumb:hover, scrollbar > slider > thumb:active { background-color: ${cs_thumb_hover_color} !important; } scrollbar > slider > thumb[vertical]:hover, scrollbar > slider > thumb[vertical]:active { background-image: ${cs_thumb_hover_image_vertical} !important; } scrollbar > slider > thumb[horizontal]:hover, scrollbar > slider > thumb[horizontal]:active { background-image: ${cs_thumb_hover_image_horizontal} !important; } scrollbar > scrollbarbutton { background-color: ${cs_buttons_color} !important; border-radius: ${cs_buttons_roundness}px !important; box-shadow: inset 0 0 0 ${cs_buttons_border}px !important; height: 17px !important; width: 17px !important; } scrollbar[vertical] scrollbarbutton { background-image: ${cs_buttons_image_vertical} !important; } scrollbar[horizontal] scrollbarbutton { background-image: ${cs_buttons_image_horizontal} !important; } scrollbar > scrollbarbutton:hover { background-color: ${cs_buttons_hover_color} !important; } scrollbar[vertical] scrollbarbutton:hover { background-image: ${cs_buttons_hover_image_vertical} !important; } scrollbar[horizontal] scrollbarbutton:hover { background-image: ${cs_buttons_hover_image_horizontal} !important; } `; custom_scrollbar_arrows_code=` scrollbar > scrollbarbutton { background-repeat: no-repeat !important; background-position: center center !important; } scrollbar[vertical] > scrollbarbutton[type="decrement"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='${cs_scrollbar_arrows_color}' %3E%3Cpath 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'/%3E%3C/svg%3E ") !important; } scrollbar[vertical] > scrollbarbutton[type="increment"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='${cs_scrollbar_arrows_color}' %3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E ") !important; } scrollbar > scrollbarbutton[type="decrement"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='${cs_scrollbar_arrows_color}' %3E%3Cpath d='m3.86 8.753 5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z'/%3E%3C/svg%3E ") !important; } scrollbar > scrollbarbutton[type="increment"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='${cs_scrollbar_arrows_color}' %3E%3Cpath d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/%3E%3C/svg%3E ") !important; } /* Hover */ scrollbar[vertical] > scrollbarbutton[type="decrement"]:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='${cs_scrollbar_arrows_hover_color}' %3E%3Cpath 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'/%3E%3C/svg%3E ") !important; background-repeat: no-repeat !important; background-position: top !important; } scrollbar[vertical] > scrollbarbutton[type="increment"]:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='${cs_scrollbar_arrows_hover_color}' %3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E ") !important; background-repeat: no-repeat !important; background-position: bottom !important; } scrollbar > scrollbarbutton[type="decrement"]:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='${cs_scrollbar_arrows_hover_color}' %3E%3Cpath d='m3.86 8.753 5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z'/%3E%3C/svg%3E ") !important; background-repeat: no-repeat !important; background-position: left !important; } scrollbar > scrollbarbutton[type="increment"]:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='${cs_scrollbar_arrows_hover_color}' %3E%3Cpath d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/%3E%3C/svg%3E ") !important; background-repeat: no-repeat !important; background-position: right !important; } `; Components.classes["@mozilla.org/content/style-sheet-service;1"] .getService(Components.interfaces.nsIStyleSheetService) .loadAndRegisterSheet(Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent(` ${custom_scrollbars_code} ${custom_scrollbar_arrows_code} `), null, null), Components.classes["@mozilla.org/content/style-sheet-service;1"] .getService(Components.interfaces.nsIStyleSheetService).AGENT_SHEET); })(); -
edvoldi Sehe ich erst jetzt, Du solltest nicht die Farbe ändern, sondern die blauen Pfeile "einsetzen".
Also nicht z.B. "Pfeil-hoch.svg" sondern "Pfeil-hoch_blau.svg"!
Hier noch einmal die Pfeile, auch die Blauen.Natürlich starte ich Firefox immer mit Cache leeren neu.
Mit einem Skript? Oder wirklich "neu"?
Muss ich wissen, denn ich vermute ein Cacheproblem.Mach bitte erst einmal nur das, was ich von Dir erbitte.
Nutze wieder bitte das Skript aus #225 ohne irgendwelche Veränderungen!
Nachfrage, Du startest den Firefox doch immer ganz neu, oder?Wenn nun die Pfeile wieder in Schwarz erscheinen, das soll so!
Bitte Rückmeldung.Mir läuft die Zeit etwas davon!
Wie heißt das Skript bei Dir? "Scrollbar.v2.0.8.js" ?
Benenne es mal um in "1_Scrollbar.v2.0.8.js"!
Pfeile immer noch Schwarz?
Dann schreibe ich Dir ein neues Skript! -
Macht mich nicht kirre!
2002Andreas Welches Skript?
edvoldi Mach bitte erst einmal nur das, was ich von Dir erbitte.
Nutze wieder bitte das Skript aus #225 ohne irgendwelche Veränderungen!
Nachfrage, Du startest den Firefox doch immer ganz neu, oder?Wenn nun die Pfeile wieder in Schwarz erscheinen, das soll so!
Bitte Rückmeldung.Wir müssen etwas am Ball bleiben, fahre heut Abend noch in Urlaub,
und hab noch einiges zu erledigen.
Tu so, wenn Du kannst, als würden wir chatten. -
OK, wenn Du nun in dem Skript, den Eintrag auf die Symbole auf die blauen Pfeile änderst,
werden die dann auch "richtig", also farbig angezeigt? -
Ah, Du hast den Fensterinhalt vergrößert!
Das hat mich irritiert!Ändere let cs_buttons_border = von z.Z. "1" auf "0", dann sind die Rahmen um die Pfeile schon mal weg!
Nächste Frage, wo genau sind die Symbole abgespeichert?
Bitte den kompletten Pfad, z,B.
"C:\Users\Mira\AppData\Roaming\Mozilla\Firefox\Profiles\Mira\chrome\icons"
Kopiere diesen aus dem Explorer, bitte. -
Okay, ist aber merkwürdig, das mit der Schaltfläche.
Habe bei mir Test halber mal ein neues Profil erstellt,
ist so, wie ich geschrieben habe.Aber vergessen wir das ganze einfach und fangen noch einmal von Vorne an.
Wenn Du eine Möglichkeit suchst, eine einfache, nur mit einem Klick an die Erweiterungen zu kommen,
blende dauerhaft die Lesezeichen-Symbolleiste ein.
Danach auf diese das Lesezeichen für about:addons ablegen. -
Dato Rechts ist definitiv irgendwie verändert! Es ist nicht das normale Menü!
Und wenn Du weder CSS noch JS nutzt, muss es eine Erweiterung sein.Das linke Menü, das wäre das normale "Hamburgermenü".
Mit der Schaltfläche "Erweiterungen und ..." & dem Hotkeyhinweis (Strg+Umschalt+A)
rechte Seite ist mit mein Aktuelles Profil und AddOns.
Noch Fragen?
Apropos "Rechts".
Wenn man sich den Hintergrund genauer anschaut, ...Wo ist der Button "Erweiterungen"?
Warum liegt der Button für das "Hamburgermenü" auf der Adressleiste?
Und warum ist die Lesezeichenleiste über der Adressleiste?Entweder Du gibst mir, sorry, uns, eine plausible Erklärung,
oder ich bin raus. -
Denn die Linke Seite wäre genau das wa ich möchte, ABER mit installierten AddOns.
Das ist das ganz normale "Hamburgermenü"!
Das rechte Bild zeigt, was auch immer, an! Irgendeine Erweiterung die da zwischen haut,
oder Du hast CSS im Einsatz. Wie auch immer, so sollte das Menü nicht aussehen! -
Sören Hentzschel Viele Wege führen nach Rom!
Anwendungsmenü (Hamburgermenü)/Erweiterungen und ...oder Erweiterungen und dann ganz unten "Erweiterungen verwalten"
landet man dann bei about:addons.
Beides scheint zu umständlich, aber ein Lesezeichen, das macht es besser!Entweder einen Button per JavaScript, um mit nur einem Klick dahin zu kommen, oder es einfach sein lassen.
Alle anderen "Wege" führen immer über zwei Klicks zum Ziel.
Aber halt, nein, ein Lesezeichen in der Lesezeichenleiste, wäre noch eine "Einklicklösung".
Die Leiste müsste dann aber immer sichtbar sein. -
hwww Du kannst das
CSS#context-to-top { order: -1 !important; } #context-to-bottom { order: -1 !important; }Auch ganz weglassen!
-
OK, Du hast am Skript Einstellungen vorgenommen.
Nimm mal das Skript, so wie es ist!CSS
Alles anzeigen// Scrollbar.uc.js "use strict"; /* Custom Scrollbars for Firefox ********************************************************************************************* */ /* */ /* Version: v2.0.8.uc.js for Firefox 143+ */ /* */ /* Scrollbar.v2.0.8.js https://www.camp-firefox.de/forum/thema/139766/?postID=1279113#post1279113 */ /* */ /* ****************************************************************************************************************************** README about:config > widget.windows.overlay-scrollbars.enabled > false (Windows) widget.gtk.overlay-scrollbars.enabled > false (Linux) [!] The above preferences have to be set to 'false' for this code to work [!] Die genannten Einstellungen müssen auf 'false' gesetzt werden, damit dieser Code funktioniert. /* ----------------------------------------------------------------------------------- */ /* Zu beachten ist, dass die Grafiken sich im richtigen Ordner befinden müssen */ /* %appdata%\Mozilla\Firefox\Profiles\"Profilname"\chrome\icons */ /* */ /* Auch müssen die Dateinamen im Skript mit jenen im Ordner "icons" übereinstimmen */ /* ----------------------------------------------------------------------------------- */ /* *************************************************************************************************************************** */ (function() { /* **** Konfiguration **** */ // PROFILE PHATH "CALCULATE" let ProfileDirectory = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'icons')); // CUSTOM SCROLLBAR COLORS/GRADIENTS // - scrollbar let cs_scrollbar_arrows_color = "#bfbfbf" ;// "#7c7c7c" "#1e90ff" let cs_scrollbar_arrows_hover_color = "#ffa600" ;// "#ffa600" "#bebebe" // - background let cs_background_color = "#5b5b66" ;// default: cs_background_color = "#DDDDDD" / "#AEC5FA" let cs_background_roundness = 0 ;// default: cs_background_roundness = 0 / in px / 9 let cs_ignore_color_gradients = true ;// default: cs_ignore_color_gradients = false / true 'flat' scrollbars // - corner let cs_corner_background_color = "#bfbfbf" ;// default: cs_corner_background_color = "#DDDDDD" / - corner / "#CCCCCC" // - thumb/slider let cs_thumb_color = "#bfbfbf" ;// default: cs_thumb_color = "#33CCFF" / thumb/slider let cs_thumb_hover_color = "#ffa600" ;// default: cs_thumb_hover_color = "#66FFFF" let cs_thumb_border_color = "#5b5b66" ;// default: cs_thumb_border_color = "#33CCFF" let cs_thumb_border = 1 ;// default: cs_thumb_border = 0 / in px 1 let cs_thumb_roundness = 9 ;// default: cs_thumb_roundness = 0 / in px 9 let cs_thumb_minimal_size = 17 ;// default: cs_thumb_minimal_size = 17 / in px // - buttons let cs_buttons_color = "#5b5b66" ;// default: cs_buttons_color = "#66FFFF" "Bahama Blue";/ buttons let cs_buttons_hover_color = "#5b5b66" ;// default: cs_buttons_hover_color = "#33CCFF" / "#bfffff" let cs_button_size = 17 ;// in px // default: cs_button_size = 17 / in px let cs_buttons_border = 1 ;// default: cs_buttons_border = 0 / in px let cs_buttons_roundness = 0 ;// default: cs_buttons_roundness = 0 / in px /* **** Ende Konfiguration **** */ /* *************************************************************************************************************************** */ // FIXED SCROLL BAR COLORS/COLOR GRADIENTS // - fixed values for background image gradients let GRADIENT_VERTICAL = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; let GRADIENT_HORINZONTAL = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"; // - background let cs_background_image_vertical = GRADIENT_VERTICAL ;// default: cs_background_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)" let cs_background_image_horizontal = GRADIENT_HORINZONTAL ;// default: cs_background_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)" // - corner let cs_corner_background_image = "linear-gradient(45deg,transparent 30%,rgba(255,255,255,0.5) 50%,transparent 70%),linear-gradient(-45deg,transparent 30%,rgba(255,255,255,0.5) 50%,transparent 70%)" ;// default: cs_corner_background_image = "linear-gradient(45deg,transparent 30%,rgba(255,255,255,0.5) 50%,transparent 70%),linear-gradient(-45deg,transparent 30%,rgba(255,255,255,0.5) 50%,transparent 70%)" // - thumb/slider let cs_thumb_image_vertical = GRADIENT_VERTICAL ;// default: cs_thumb_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)" let cs_thumb_image_horizontal = GRADIENT_HORINZONTAL ;// default: cs_thumb_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)" let cs_thumb_hover_image_vertical = GRADIENT_VERTICAL ;// default: cs_thumb_hover_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)" let cs_thumb_hover_image_horizontal = GRADIENT_HORINZONTAL ;// default: cs_thumb_hover_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)" // - buttons let cs_buttons_image_vertical = GRADIENT_VERTICAL ;// default: cs_buttons_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)" let cs_buttons_image_horizontal = GRADIENT_HORINZONTAL ;// default: cs_buttons_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)" let cs_buttons_hover_image_vertical = GRADIENT_VERTICAL ;// default: cs_buttons_hover_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)" let cs_buttons_hover_image_horizontal = GRADIENT_HORINZONTAL ;// default: cs_buttons_hover_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)" // unset background image color gradients -> flat scrollbars if(cs_ignore_color_gradients === true) cs_background_image_vertical = cs_background_image_horizontal = cs_corner_background_image = cs_thumb_image_vertical = cs_thumb_image_horizontal = cs_thumb_hover_image_vertical = cs_thumb_hover_image_horizontal = cs_buttons_image_vertical = cs_buttons_image_horizontal = cs_buttons_hover_image_vertical = cs_buttons_hover_image_horizontal = "unset"; let custom_scrollbars_code=''; let custom_scrollbar_arrows_code=''; custom_scrollbars_code=` scrollcorner, scrollbar > slider, scrollbar > slider > thumb, scrollbar > scrollbarbutton { /* appearance: auto; */ -moz-default-appearance: none !important; } scrollbar > slider { background-color: ${cs_background_color} !important; background-image: ${cs_background_image_horizontal} !important; border-radius: ${cs_background_roundness}px !important; } scrollbar[vertical] > slider { background-image: ${cs_background_image_vertical} !important; border-radius: ${cs_background_roundness}px !important; } scrollcorner { background-color: ${cs_corner_background_color} !important; background-image: ${cs_corner_background_image} !important; } scrollbar > slider > thumb { background-color: ${cs_thumb_color} !important; border-radius: ${cs_thumb_roundness}px !important; box-shadow: inset 0 0 0 ${cs_thumb_border}px ${cs_thumb_border_color} !important; } scrollbar[vertical] > slider > thumb { background-image: ${cs_thumb_image_vertical} !important; min-height: ${cs_thumb_minimal_size}px !important; } scrollbar > slider > thumb { background-image: ${cs_thumb_image_horizontal} !important; min-width: ${cs_thumb_minimal_size}px !important; } scrollbar > slider > thumb:hover, scrollbar > slider > thumb:active { background-color: ${cs_thumb_hover_color} !important; } scrollbar > slider > thumb[vertical]:hover, scrollbar > slider > thumb[vertical]:active { background-image: ${cs_thumb_hover_image_vertical} !important; } scrollbar > slider > thumb[horizontal]:hover, scrollbar > slider > thumb[horizontal]:active { background-image: ${cs_thumb_hover_image_horizontal} !important; } scrollbar > scrollbarbutton { background-color: ${cs_buttons_color} !important; border-radius: ${cs_buttons_roundness}px !important; box-shadow: inset 0 0 0 ${cs_buttons_border}px !important; height: 17px !important; width: 17px !important; } scrollbar[vertical] scrollbarbutton { background-image: ${cs_buttons_image_vertical} !important; } scrollbar[horizontal] scrollbarbutton { background-image: ${cs_buttons_image_horizontal} !important; } scrollbar > scrollbarbutton:hover { background-color: ${cs_buttons_hover_color} !important; } scrollbar[vertical] scrollbarbutton:hover { background-image: ${cs_buttons_hover_image_vertical} !important; } scrollbar[horizontal] scrollbarbutton:hover { background-image: ${cs_buttons_hover_image_horizontal} !important; } `; custom_scrollbar_arrows_code=` scrollbar > scrollbarbutton { background-repeat: no-repeat !important; background-position: center center !important; } scrollbar[vertical] > scrollbarbutton[type="decrement"] { background-image: url("${ProfileDirectory}/Pfeil-hoch.svg") !important; -moz-context-properties: fill, fill-opacity; fill: ${cs_scrollbar_arrows_color} !important; fill-opacity: 1 !important; } scrollbar[vertical] > scrollbarbutton[type="increment"] { background-image: url("${ProfileDirectory}/Pfeil-runter.svg") !important; -moz-context-properties: fill, fill-opacity; fill: ${cs_scrollbar_arrows_color} !important; fill-opacity: 1 !important; } scrollbar > scrollbarbutton[type="decrement"] { background-image: url("${ProfileDirectory}/Pfeil-links.svg") !important; -moz-context-properties: fill, fill-opacity; fill: ${cs_scrollbar_arrows_color} !important; fill-opacity: 1 !important; } scrollbar > scrollbarbutton[type="increment"] { background-image: url("${ProfileDirectory}/Pfeil-rechts.svg") !important; -moz-context-properties: fill, fill-opacity; fill: ${cs_scrollbar_arrows_color} !important; fill-opacity: 1 !important; } /* Hover */ scrollbar[vertical] > scrollbarbutton[type="decrement"]:hover { background-image: url("${ProfileDirectory}/Pfeil-hoch.svg") !important; -moz-context-properties: fill, fill-opacity; fill: ${cs_scrollbar_arrows_hover_color} !important; fill-opacity: 1 !important; } scrollbar[vertical] > scrollbarbutton[type="increment"]:hover { background-image: url("${ProfileDirectory}/Pfeil-runter.svg") !important; -moz-context-properties: fill, fill-opacity; fill: ${cs_scrollbar_arrows_hover_color} !important; fill-opacity: 1 !important; } scrollbar > scrollbarbutton[type="decrement"]:hover { background-image: url("${ProfileDirectory}/Pfeil-links.svg") !important; -moz-context-properties: fill, fill-opacity; fill: ${cs_scrollbar_arrows_hover_color} !important; fill-opacity: 1 !important; } scrollbar > scrollbarbutton[type="increment"]:hover { background-image: url("${ProfileDirectory}/Pfeil-rechts.svg") !important; -moz-context-properties: fill, fill-opacity; fill: ${cs_scrollbar_arrows_hover_color} !important; fill-opacity: 1 !important; } scrollbar > scrollbarbutton { min-width: ${cs_button_size}px !important; min-height: ${cs_button_size}px !important; } `; Components.classes["@mozilla.org/content/style-sheet-service;1"] .getService(Components.interfaces.nsIStyleSheetService) .loadAndRegisterSheet(Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent(` ${custom_scrollbars_code} ${custom_scrollbar_arrows_code} `), null, null), Components.classes["@mozilla.org/content/style-sheet-service;1"] .getService(Components.interfaces.nsIStyleSheetService).AGENT_SHEET); })();Die Farben werden noch nicht Deinen Wünschen entsprechen, macht aber nichts!
Die kannst Du auch nachher noch ändern. -
Auch mit diesen Symbole nur Schwarze Pfeile,
Leider ist der Screenshot recht klein, sodass ich die Pfeile nicht genau sehen kann.
Wie mir aber scheint, funkt Dir da irgendetwas dazwischen!
Auch kann man nichts von der Scrollbar sehen, auch nicht den "Schieber". -
-
Warum auch immer! ? So bei mir.
Wenn ich noch mehr lösche, zeigt's gar kein Symbol mehr an.CSS
Alles anzeigenmenu.bookmark-item[container="true"]::before { content: url("../icons/folder-plus.svg") !important; min-width: 16px !important; max-width: 16px !important; padding-right: 8px !important; padding-top: 2px !important; } /*Originalicon löschen*/ menu.bookmark-item[container="true"] > img { display: none !important; }Aber bei SVG's muss ja irgendwo eine "Größe angegeben sein, die werden doch skaliert!
Oder etwa nicht?
Eventuell greift ja bei Dir ein anderes CSS? -
... dann werde ich das mit dem Button machen.
Du wirst aber Deinen Firefox für JavaScript erst fit machen müssen, wenn Du es noch nicht gemacht hast.
-
Ja, super, genau das habe ich gemeint!
Diese Zeile "<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill='dodgerblue'>" dürfte bei allen
vier SVG's gleich aussehen.
Ändere die in "<svg xmlns="http://www.w3.org/2000/svg" viewBox='0 0 16 16' fill='context-fill'>",
speichern nicht vergessen.Danach sollten die Symbole die Farbe aus dem Skript übernehmen. Versuche es!
