lennys Aussage war, man müsse das CSS eventuell als Agent Sheet importieren. Deine Antwort war, dass das nicht notwendig sei und es auch ohne das ginge. Darauf zeigte ich dir, dass du genau das in deinem Script bereits tust. Das Script in Beitrag #14 übrigens ebenso.
Wissen macht AH!
Danke.
So und hier mein TEST!
In beiden Fällen das gleiche Skript.
Der einzige Unterschied, die Verwendung unterschiedlicher "Symbole", der besseren Unterscheidung wegen.
Vordere Scrollbar von FF 142, hintere von FF 144.
Wie man erkennen kann, wird der Farbverlauf des Scrollbarhintergunds [scrollbar background_color] umgesetzt.
Jedoch leider nicht der des "Schiebers" [thumb/slider]!
Was man auf dem Screenshot jetzt nicht sehen kann, die Pfeile für die horizontale Scrollbar werden
in der Version 144 nicht eingeblendet.
Auch wird der Farbverlauf so gar nicht umgesetzt, weder beim Hintergrund, noch beim "Schieber" [thumb/slider].
PS: Test ist mit dem Skript aus #14, wobei für die Version 144 die Anpassungen gemacht werden mussten.
Hier geht es um ein Script, nicht um die Datei userChrome.css. [...] In einem Script lässt sich das explizit angeben.
Das war mir sehr wohl bewusst nach meiner Recherche (u.a. MDN). Es wurde nur nicht so explizit erwähnt, oder ich könnte es missverstanden haben aus jenem Kontext.
Alle Code-Beispiele in diesem Thema, einschließlich des ersten Beitrags, sind Scripts. 
Nach deiner vorherigen Antwort, "klaro wie Kloßbrüho" 
Und hier "meine" Version 2.0.7 RC3 for Firefox 143+
Probieren mal bitte. Gradient funktioniert in v143.0b6, auch in den Ordnern für die Lesezeichenleiste. scrollbar.css sollte sich im Root des Chrome-Ordners befinden. Aktivieren Sie das Skript auf die übliche Weise oder fügen Sie es an das Ende von Config.js an.
Ich weiß nicht, ob Sie die grafischen Pfeile an den Enden der Scrollbar aktivieren können, oder ob sie dort benötigt werden.
/* scrollbar.css */ /* Gradient colors in Firefox v143.0beta6 */
/* Use with agent-sheet-scrollbar.js */
/* Set your choice in about:config: widget.non-native-theme.scrollbar.style > 0, 1, 2, 3, 4 or 5 */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml");
scrollbar, scrollcorner, html|select {
--v-scrollbar-background: linear-gradient(to right,#5F5F6B,#ABABB0,#5F5F6B); !important; /* Scrollbar background grad. */
--v-scrollbutton-background: #006cd9 !important; /* Top and Down buttons background */
--v-scrollbar-border-radius: 8px !important; /* Top, Bottom, Thumb buttons radius */
--v-scrollbar-min-size: 17px !important; /* button size */
/* --v-scrollbar-dn-image: url(".././icons/dn.svg"); /* down arrow */
/* --v-scrollbar-up-image: url(".././icons/up.svg"); /* up arrow */
/* --v-scrollbar-rit-image: url(".././icons/rgt.svg"); /* right arrow */
/* --v-scrollbar-lft-image: url(".././icons/lft.svg"); /* left arrow */
/* --v-scrollbar-image-size: 5px !important; /* scroll buttons icon, 0 to hide */
}
/*✅✅✅✅✅✅ Scrollbar ✅✅✅✅✅✅*/
scrollbar {
background: none !important;
border: none !important;
padding: 0 !important;
margin: 0 !important;
}
scrollbar[root="true"] {
position: relative !important;
z-index: 2147483647 !important;
}
scrollbar[root="true"][orient="vertical"] {
margin-left: calc(-1 * var(--v-scrollbar-min-size)) !important;
}
scrollbar[root="true"][orient="horizontal"] {
margin-top: calc(-1 * var(--v-scrollbar-min-size)) !important;
}
scrollcorner {
-moz-appearance: none !important;
appearance: none !important;
width: var(--v-scrollbar-min-size) !important;
height: var(--v-scrollbar-min-size) !important;
background: none !important;
border: none !important;
}
scrollbar > slider {
-moz-appearance: none !important;
appearance: none !important;
background: var(--v-scrollbar-background) !important;
border: none !important;
}
scrollbar > slider > thumb,
scrollbar > scrollbarbutton,
html|*:not(html|select) > scrollbar > slider > thumb,
html|select > html|button {
-moz-appearance: none !important;
appearance: none !important;
border: none !important;
border-radius: var(--v-scrollbar-border-radius) !important;
background-color: var(--v-scrollbar-thumb-color) !important;
background-image: linear-gradient(to right, #08A6DA, #7CD0EB 70%, #08A6DA); !important; /* gragient color */
background-repeat: no-repeat !important;
background-position: center !important;
background-size: var(--v-scrollbar-image-size) !important;
}
scrollbar[orient="vertical"],
scrollbar[orient="vertical"] > slider,
scrollbar[orient="vertical"] > slider > thumb {
min-width: var(--v-scrollbar-min-size) !important;
max-width: var(--v-scrollbar-min-size) !important;
min-height: 32px !important; /* minimum slider length */
}
scrollbar[orient="horizontal"],
scrollbar[orient="horizontal"] > slider,
scrollbar[orient="horizontal"] > slider > thumb {
min-height: var(--v-scrollbar-min-size) !important;
max-height: var(--v-scrollbar-min-size) !important;
}
scrollbar > scrollbarbutton {
min-width: var(--v-scrollbar-min-size) !important;
min-height: var(--v-scrollbar-min-size) !important;
background-color: var(--v-scrollbutton-background) !important;
}
scrollbar > slider > thumb:hover,
scrollbar > scrollbarbutton:not([disabled="true"]):hover {
background-image: linear-gradient(to right, #FFA808, #ffdc73 70%, #FFA808); !important; /* gragient color */
}
scrollbar > slider > thumb:active,
scrollbar > scrollbarbutton:not([disabled="true"]):active,
html|select > html|button:active {
background-image: linear-gradient(to right, #ff5c26, #ffdc73 70%, #ff5c26); !important; /* gragient color */
}
html|select > html|button {
background-image: var(--v-scrollbar-dn-image) !important;
}
scrollbar > scrollbarbutton[type="increment"],
html|select > html|button[orientation="right"] {
background-image: var(--v-scrollbar-rit-image) !important;
}
scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
background-image: var(--v-scrollbar-dn-image) !important;
}
scrollbar > scrollbarbutton[type="decrement"],
html|select > html|button[orientation="left"] {
background-image: var(--v-scrollbar-lft-image) !important;
}
scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
background-image: var(--v-scrollbar-up-image) !important;
}
scrollbar > scrollbarbutton[disabled="true"] {
opacity: 0.5 !important;
}// agent-sheet.js
(function() {
let ProfDir = Services.dirsvc.get("ProfD", Ci.nsIFile);
if (ProfDir.leafName === "chrome_debugger_profile") {ProfDir = ProfDir.parent;}
ProfDir.append("chrome");
ProfDir.append("scrollbar.css");
if (!ProfDir.exists() || !ProfDir.isFile()) {return;}
let UriPath = Services.io.newFileURI(ProfDir);
let sss = Cc["@mozilla.org/content/style-sheet-service;1"].getService(Ci.nsIStyleSheetService);
sss.loadAndRegisterSheet(UriPath, 0);
})();lenny2 Nur weil ich wissbegierig bin habe ich es in der Nightly ausprobiert.
Im CSS sind Fehler! Zeile 7, 57, 82 & 87.
Nicht ); !important; sondern ) !important;
Ohne agent-sheet.js tut sich nichts, was auch klar ist, aber mit eben auch nichts!
/* Use with agent-sheet-scrollbar.js */
/* Set your choice in about:config: widget.non-native-theme.scrollbar.style > 0, 1, 2, 3, 4 or 5 */
Steht bei mir auf 0
Ich mag in about:config nicht gerne Einstellungen verändern! Nur, wenn es absolut nicht anders geht.
Nachtrag!
Ich bin mir auch absolut sicher, dass auch hier in diesem CSS die Änderungen von
[orient="vertical"] & [orient="horizontal"] zu [vertical] & [horizontal] gemacht werden müssen.
Bei [disabled="true"], [orientation="right"] & [orientation="left"] bin ich mir nicht sicher.
Müsste man testen oder in den Untiefen des Firefox in Erfahrung bringen.
oder irgendetwas verändert?
Nicht dran geändert, auch nicht die falschen ;
Einen Fehler gibt es allerdings, die Balken werden nach einem Start vom Fx nicht gleich angezeigt, erst wenn ich einen Scrollbalken betätige.
wird die horizontale Scrollbar den richtig angezeigt?
So sieht das hier auf einer Testseite aus:
Einen Fehler gibt es allerdings, die Balken werden nach einem Start vom Fx nicht gleich angezeigt, erst wenn ich einen Scrollbalken betätige.
v143b6 Scrollbar auf einmal angezeigt wird.
Die horizontale Scrollbar zeigt einen vertikalen Farbverlauf.
Option in about:config blendet die Scrollbar nach einigen Sekunden der Inaktivität aus ui.useOverlayScrollbars >> set to 1
Final
Bitte nochmals testen, nur für alle Fälle.
Bei meinen Tests ist mir kein Fehler mehr aufgefallen.
Aber, ich bin ja auch blind auf meinem Hühnerauge.
// Scrollbar.uc.js
"use strict";
/* Firefox userChrome.js tweaks - 'Custom Scrollbars' for Firefox ************************************************************ */
/* Original by Aris (aris-addons@gmx.net)************************************************************************************* */
/* Github: https://github.com/Aris-t2/CustomJSforFx/blob/master/scripts/custom_scrollbars.uc.js
/* *************************************************************************************************************************** */
/* Customized by Mira********************************************************************************************************* */
/* https://www.camp-firefox.de/forum/thema/135133-custom-scrollbars-uc-js-anpassen/ ****************************************** */
/* Scrollbar.v1.0.6.js https://www.camp-firefox.de/forum/thema/135133/?postID=1207718#post1207718************************** */
/* https://www.camp-firefox.de/forum/thema/136152/?postID=1222989#post1222989************************************************* */
/* Scrollbar.v2.0.2.js https://www.camp-firefox.de/forum/thema/136167/?postID=1223096#post1223096************************** */
/* Scrollbar.v2.0.3.js https://www.camp-firefox.de/forum/thema/136167/?postID=1223124#post1223124************************** */
/* Scrollbar.v2.0.5.js https://www.camp-firefox.de/forum/thema/136167/?postID=1223143#post1223143************************** */
/* Scrollbar.v2.0.6.1.js https://www.camp-firefox.de/forum/thema/136167/?postID=1223162#post1223162************************** */
/* Scrollbar.v2.0.7.js https://www.camp-firefox.de/forum/thema/139766/?postID=1278242#post1278242************************** */
/* *************************************************************************************************************************** */
/* Custom Scrollbars for Firefox ********************************************************************************************* */
/* Version: 2.0.7 Final for Firefox 143+ ************************************************************************************* */
/* ******************************************************************************************************************************
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
[!] DER STARTUP-CACHE MUSS NACH JEDER ÄNDERUNG GELÖSCHT WERDEN!
-> Ordner 'startupCache' finden: Adressleiste > about:profiles > Lokales Verzeichnis > Ordner öffnen > startupCache
-> Firefox schließen
-> Inhalt des 'startupCache'-Ordners löschen
Alternativ mit einem JavaScipt!
-> https://github.com/Endor8/userChrome.js/blob/master/Firefox%2087/RestartFirefoxButtonM.uc.js
Anpassungen vornehmen > Werte ändern
- Optionen aktivieren/deaktivieren: true <-> false
- Farbe
- Name: red, blue, transparent
- Hexcode: #33CCFF, #FFF
- rgb(a): rgba(0,0,255,0.8)
- hsl(a): hsla(240,100%,50%,0.8)
- Zahlen: 1, 2, 3 ... 10, 11, 12 ...
- Deckkraft (in Dezimalzahlen): 0.0 bis 1.0 z.B. 1.4 oder 1.75
- Farbverläufe: linear-gradient(direction, color, color, color)
- Beispiel für Farbverläufe: linear-gradient(to right, blue, #33CCFF, rgba(0,0,255,0.8))
- vordefinierte Farbverläufe: transparent,rgba(255,255,255,0.5),transparent -> transparent,rgba(255,255,255,0.0),transparent
- keine Farbe oder keine Farbwerte -> verwende "unset"
*/
/* *************************************************************************************************************************** */
(function() {
/* **** Konfiguration **** */
// PROFILE PHATH "CALCULATE"
let ProfileDirectory = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'icons'));
// GENERAL SCROLLBAR SETTINGS
const hide_scrollbars = false; // default: hide_scrollbars = false
const hide_scrollbar_buttons = false; // default: hide_scrollbar_buttons = false
const thin_scrollbars = false; // default: thin_scrollbars = false / browsers own way to show thin scrollbars
const custom_scrollbar_opacity = false; // default: custom_scrollbar_opacity = false
const custom_opacity_value = "1.0"; // default: custom_opacity_value = "1.0"
// CUSTOM SCROLLBAR SETTINGS ("custom_scrollbar_" --> "cs_")
const custom_scrollbars = true; // default: custom_scrollbars = true
const custom_scrollbar_arrows = true; // default: custom_scrollbar_arrows = true
const custom_scrollbar_arrows_version = 2; // default: custom_scrollbar_arrows_version = 1
// 1 ==> SVG arrows as code: might not work on some pages
// 2 ==> SVG arrows as files: placed inside 'chrome\icons' folder
// only for 'custom_scrollbar_arrows_version = 1'
const custom_scrollbar_arrows_color = "%23bfbfbf"; // default: custom_scrollbar_arrows_color = "grey"; / # ==> %23 e.g. #33CCFF ==> %2333CCFF
const custom_scrollbar_arrows_hover_color = "%23ffae00"; // default: custom_scrollbar_arrows_hover_color = "orange"; # ==> %23
const cs_thumb_border = 1; // default: cs_thumb_border = 0 / in px 1
const cs_thumb_roundness = 26; // default: cs_thumb_roundness = 0 / in px 9
const cs_buttons_border = 0; // default: cs_buttons_border = 0 / in px
const cs_buttons_roundness = 0; // default: cs_buttons_roundness = 0 / in px
const cs_thumb_minimal_size = 17; // default: cs_thumb_minimal_size = 17; / in px
const cs_ignore_color_gradients = false; // default: cs_ignore_color_gradients = false / 'flat' scrollbars
// CUSTOM SCROLLBAR COLORS/GRADIENTS
// - background
const cs_background_color = "#AEC5FA"; // default: cs_background_color = "#DDDDDD"
let cs_background_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_background_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"
let cs_background_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_background_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"
const cs_background_roundness = 26; // default: cs_background_roundness = 0 / in px
// - corner
const cs_corner_background_color = "#CCCCCC"; // default: cs_corner_background_color = "#DDDDDD" / - 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
const cs_thumb_color = "#33CCFF"; // default: cs_thumb_color = "#33CCFF" / thumb/slider
let cs_thumb_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_thumb_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"
let cs_thumb_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_thumb_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"
const cs_thumb_hover_color = "#66FFFF"; // default: cs_thumb_hover_color = "#66FFFF"
let cs_thumb_hover_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_thumb_hover_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"
let cs_thumb_hover_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_thumb_hover_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"
const cs_thumb_border_color = "#33CCFF"; // default: cs_thumb_border_color = "#33CCFF"
// - buttons
let cs_button_size = 26; // in px // default: cs_button_size = 17
const cs_buttons_color = "Bahama Blue"; // default: cs_buttons_color = "#66FFFF" "#5b5b66"/ buttons
let cs_buttons_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_buttons_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"
let cs_buttons_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_buttons_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"
const cs_buttons_hover_color = "#bfffff"; // default: cs_buttons_hover_color = "#33CCFF"
const cs_buttons_border_color = "#33CCFF"; // default: cs_buttons_border_color = "#33CCFF" "#5b5b66"
let cs_buttons_hover_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_buttons_hover_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"
let cs_buttons_hover_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_buttons_hover_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"
/* **** Ende Konfiguration **** */
/* *************************************************************************************************************************** */
// 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='';
let hide_scrollbar_buttons_code='';
let custom_scrollbar_opacity_code='';
let hide_scrollbars_code='';
let thin_scrollbars_code='';
if(custom_scrollbars === true)
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 ${cs_buttons_border_color} !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;
}
`;
if(custom_scrollbar_arrows === true && custom_scrollbar_arrows_version === 1)
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='${custom_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='${custom_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='${custom_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='${custom_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;
}
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='`+custom_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='`+custom_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='`+custom_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='`+custom_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;
}
`;
else if(custom_scrollbar_arrows === true && custom_scrollbar_arrows_version === 2)
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}/Chevron-up_hellgrau.svg") !important;
}
scrollbar[vertical] > scrollbarbutton[type="increment"] {
background-image: url("${ProfileDirectory}/Chevron-down_hellgrau.svg") !important;
}
scrollbar > scrollbarbutton[type="decrement"] {
background-image: url("${ProfileDirectory}/Chevron-left_hellgrau.svg") !important;
}
scrollbar > scrollbarbutton[type="increment"] {
background-image: url("${ProfileDirectory}/Chevron-right_hellgrau.svg") !important;
}
/* Hover */
scrollbar[vertical] > scrollbarbutton[type="decrement"]:hover {
background-image: url("${ProfileDirectory}/Chevron-up_orange.svg") !important;
}
scrollbar[vertical] > scrollbarbutton[type="increment"]:hover {
background-image: url("${ProfileDirectory}/Chevron-down_orange.svg") !important;
}
scrollbar > scrollbarbutton[type="decrement"]:hover {
background-image: url("${ProfileDirectory}/Chevron-left_orange.svg") !important;
}
scrollbar > scrollbarbutton[type="increment"]:hover {
background-image: url("${ProfileDirectory}/Chevron-right_orange.svg") !important;
}
scrollbar > scrollbarbutton {
min-width: ${cs_button_size}px !important;
min-height: ${cs_button_size}px !important;
}
`;
if(hide_scrollbar_buttons === true)
hide_scrollbar_buttons_code=`
scrollbar > scrollbarbutton {
opacity: 0 !important;
}
scrollbar[vertical] > scrollbarbutton {
min-height: 1px !important;
height: 1px !important;
max-height: 1px !important;
}
scrollbar[horizontal] > scrollbarbutton {
min-width: 1px !important;
width: 1px !important;
max-width: 1px !important;
}
`;
if(custom_scrollbar_opacity === true)
custom_scrollbar_opacity_code=`
scrollbar {
opacity: ${custom_opacity_value} !important;
}
`;
if(hide_scrollbars === true)
hide_scrollbars_code=`
scrollbar, scrollcorner {
display: none !important;
visibility: collapse !important;
}
`;
if(thin_scrollbars === true)
thin_scrollbars_code=`
:root{
scrollbar-width: thin !important;
}
scrollbar[vertical] > scrollbarbutton {
height: 14px !important;
width: 7px !important;
}
scrollbar[horizontal] > scrollbarbutton {
height: 7px !important;
width: 14px !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}
${hide_scrollbar_buttons_code}
${custom_scrollbar_opacity_code}
${hide_scrollbars_code}
${thin_scrollbars_code}
`), null, null),
Components.classes["@mozilla.org/content/style-sheet-service;1"]
.getService(Components.interfaces.nsIStyleSheetService).AGENT_SHEET);
})();Noch jemand da?
ArisCTR
Kann jemand bitte das Skript testen?
