Boersenfeger So ganz verstehe ich Dich nicht!
Du kannst doch die Breite in der user.js frei definieren!
Es müssen ja keine 22px sein, das kannst Du ganz Deinen Wünschen anpassen
Aber, wenn ich Deine Screenshots anschaue, fällt mir auch, dass der Farbverlauf auch nicht wie vorgesehen
eingestellt ist. Soll das so?
(Beim zweiten Bildchen [Hover?])
... getestet, aber Pfeil-hoch.svg ...
Lassen die sich im Skript einfärben?
Bei den anderen ist die Farbe ja vorgegeben!
Ach und lass mir mal Deine Symbole zukommen,
jene, die bei Dir nicht angezeigt werden.
Ich würde das gerne mal testen, eventuell fällt mir dann ja dazu was ein.
Dharkness Merkwürdig.
Kannst Du mal testen?
Pfeile.zip
Sind alle Pfeile, sowohl schon Farblich, als auch "anpassbar"!
Gedanken zu den Symbolen!
Es scheint wohl so, dass mit diesem Skript nur Vektorgrafiken gescheit funktionieren.
Wenn wer auch immer unbedingt PNG's oder was anderes nehmen will,
muss es zusehen, wie er das Skript dann anpasst,
Er müsste sich eigentlich nur die Light-Version mal genauer anschauen. #237
Hier die neueste Version!
Ich hoffe ja, dass nun alle Glücklich damit werden,
ABER, lest verdammt noch mal bitte den Header durch, dafür ist der da!
Dort wird das Wichtigste erklärt.
// Scrollbar.uc.js
"use strict";
/* Custom Scrollbars for Firefox ********************************************************************************************* */
/* */
/* Version: v2.0.8.b.uc.js for Firefox 143+ */
/* */
/* Scrollbar.v2.0.8.b.uc.js https://www.camp-firefox.de/forum/thema/139766/?postID=1280302#post1280302 */
/* */
/* ******************************************************************************************************************************
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.
user.js >
user_pref("widget.non-native-theme.win.scrollbar.use-system-size", false); // false schaltet die Systemeinstellung aus
user_pref("widget.non-native-theme.scrollbar.size.override", 22); // 22 setzt die Scrollbarbreite auf 22px)
[!] The above entries must be set in user.js for this code to work.
[!] Die oben genannten Einträge müssen in der user.js 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"
let cs_scrollbar_size = 22 ;// Important! See README !!
// - 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;
}
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;
background-position: top !important;
min-width: ${cs_scrollbar_size}px !important;
min-height: ${cs_scrollbar_size}px !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;
background-position: bottom !important;
min-width: ${cs_scrollbar_size}px !important;
min-height: ${cs_scrollbar_size}px !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;
background-position: left !important;
min-width: ${cs_scrollbar_size}px !important;
min-height: ${cs_scrollbar_size}px !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;
background-position: right !important;
min-width: ${cs_scrollbar_size}px !important;
min-height: ${cs_scrollbar_size}px !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;
background-position: top !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;
background-position: bottom !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;
background-position: left !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;
background-position: right !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);
})();So, heute Morgen noch einmal so einiges getestet!
Also, das mit den Einträgen in die user.js klappt. Beitrag #251
Die Bildlaufleisten (Scrollbar) werden breiter.
Nur das Symbol (Button) bleibt eben "klein",
aber auch das habe ich in den Griff bekommen!
Beispiel, wenn die Bildlaufleisten (Scrollbar) auf 22px eingestellt wurde:
(Ist jetzt nur für die Senkrechte)
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;
background-position: top !important;
min-width: 22px !important;
min-height: 22px !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;
background-position: bottom !important;
min-width: 22px !important;
min-height: 22px !important;
}Mh, 
, auch mit "Deinem" Restart-Skript alles normal.
Einstellungen Allgemein
Start gleich!
Tabs
Links in Tabs anstatt in neuen Fenstern öffnen aktiv.
Alles andere deaktiviert.
2002Andreas Ich habe nun Dein Skript aus #1 hier bei mir mit "meinem" Restart-Skript getestet!
Erst linke Maustaste, "Tagesschau" wird in einem neuen Tab geöffnet.
Dann rechte Maustaste, die drei eingetragenen Links werden als Tabs in einem neuen Fenster geöffnet.
Neues Fenster schließen, der Firefox per Skript neu starten.
Alles so, wie es sein soll!
Dann hätte ich nur noch das anzubieten.
// Restart_Firefox.uc.js
// RestartFirefoxButtonM.uc.js
// v. 0.8
// Source file https://www.camp-firefox.de/forum/thema/126132/?postID=1093563#post1093563
// Source file https://www.camp-firefox.de/forum/thema/139338/?postID=1271880#post1271880
/* ----------------------------------------------------------------------------------- */
/* Zu beachten ist, dass die Grafiken sich im richtigen Ordner befinden müssen */
/* %appdata%\Mozilla\Firefox\Profiles\"Profilname"\chrome\icons */
/* ----------------------------------------------------------------------------------- */
// Linksklick if (event.button == 0)
// Mittelklick if (event.button == 1)
// Rechtsklick if (event.button == 2)
(function() {
if (location.href !== 'chrome://browser/content/browser.xhtml') return;
try {
CustomizableUI.createWidget({
id: 'restart-button2a',
type: 'custom',
defaultArea: CustomizableUI.AREA_NAVBAR,
onBuild: function(aDocument) {
// var toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbarbutton');
var toolbaritem = aDocument.createXULElement('toolbarbutton');
let props = {
id: 'restart-button2a',
class: 'toolbarbutton-1 chromeclass-toolbar-additional',
label: 'Neustart',
tooltiptext: 'Neustart (inkl. SkriptCache Löschen)',
// Hier wird die Hintergrundfarbe und die Iconfarbe direkt gesetzt
//style: 'background-color: #FF5733; color: white;'
//style: 'color: #f60000;',
};
for (let p in props)
toolbaritem.setAttribute(p, props[p]);
// Pfad zum Profilordner
let ProfilePath = Services.dirsvc.get("ProfD", Ci.nsIFile).path.replace(/\\/g, "/");
// Pfad in den entsprechenden Unterordner
let IconPath = '/chrome/icons/';
// Name & Dateiendung des anzuzeigenden Symbols!
let ButtonIcon = "refresh.svg";
// Erstelle ein img-Element, um zu überprüfen, ob die Grafik geladen werden kann
let img = new Image();
img.src = "file:" + ProfilePath + IconPath + ButtonIcon;
img.onload = function() {
// Wenn die Grafik geladen werden kann, setze das listStyleImage
toolbaritem.style.listStyleImage = 'url("' + ("file:" + ProfilePath + IconPath + ButtonIcon) + '")';
toolbaritem.style.fill = 'red'; // Hier wird die Iconfarbe direkt gesetzt
};
img.onerror = function() {
// Wenn die Grafik nicht geladen werden kann, verwende das Fallback-Icon
toolbaritem.style.listStyleImage = 'url("chrome://browser/skin/fxa/avatar-empty.svg")';
toolbaritem.style.fill = 'red'; // Hier wird die Iconfarbe direkt gesetzt
};
return toolbaritem;
}
});
} catch(e) { };
document.getElementById('restart-button2a').addEventListener('click', event => {
// rechte Maus Neustart
if (event.button == 2) {
Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit);
}
// linke Maus Neustart mit Löschung des Start-Caches
if (event.button == 0) {
event.preventDefault();
Services.appinfo.invalidateCachesOnRestart();
Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit);
}
// Mittelklick
if (event.button == 1) {
// event.preventDefault();
// Services.appinfo.invalidateCachesOnRestart();
// Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit);
openTrustedLinkIn("about:config", "tab");
}
});
let sss = Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService);
let uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent(`
#restart-button2a.toolbarbutton-1.chromeclass-toolbar-additional image.toolbarbutton-icon {
width: 32px !important;
height: 32px !important;
}
`), null, null);
sss.loadAndRegisterSheet(uri, sss.AUTHOR_SHEET);
})();Müsste dann aber noch angepasst und für das Menü erweitert werden.
// RestartFirefox_plus.uc.js 2
(function() {
if (location != 'chrome://browser/content/browser.xhtml') return;
try {
CustomizableUI.createWidget({
id: 'restart-button',
type: 'custom',
defaultArea: CustomizableUI.AREA_NAVBAR,
onBuild: function(aDocument) {
var toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbarbutton');
let props = {
id: 'restart-button',
class: 'toolbarbutton-1 chromeclass-toolbar-additional',
removable: true,
label: 'Neustart',
tooltiptext: 'Neustart (mit Rechts- und Mittelklick wird userChrome.js-Cache geleert)',
style: 'list-style-image: url("file:///C:/Users/weiss/AppData/Roaming/Mozilla/Firefox/Profiles/i3gghgwc.default/chrome/Icons/refresh.svg")',
};
for (var p in props)
toolbaritem.setAttribute(p, props[p]);
toolbaritem.addEventListener('click', event => {
if (event.button == 1) {
Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit);
}
if (event.button == 0 || event.button == 2) {
event.preventDefault();
Services.appinfo.invalidateCachesOnRestart();
Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit);
}
});
return toolbaritem;
}
});
} catch(e) { };
var menuitem = Document.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbarbutton');
menuitem.id = 'restartfirefox-appMenu';
menuitem.classList.add('subviewbutton', 'subviewbutton-iconic');
menuitem.setAttribute('label' , 'Neustart');
menuitem.setAttribute('tooltiptext' , 'Neustart');
menuitem.style.listStyleImage= 'url("file:///C:/Users/weiss/AppData/Roaming/Mozilla/Firefox/Profiles/i3gghgwc.default/chrome/Icons/reload1.svg")';
menuitem.addEventListener('click', event => {
if (event.button == 1) {
Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit);
}
if (event.button == 0 || event.button == 2) {
Services.appinfo.invalidateCachesOnRestart();
Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit);
}
});
var refItem = document.getElementById('appMenu-viewCache').content.getElementById('appMenu-quit-button2');
refItem.parentNode.insertBefore(menuitem, refItem);
})();Testen.
Boersenfeger
Ich habe heute alle Beiträge zur Scrollbar durch geackert!
Ich würde Dich bitten, folgendes Script zu verwenden.
Und dann ließ Dir bitte beide verlinkten Beiträge durch.
// Scrollbar.uc.js
"use strict";
/* Custom Scrollbars for Firefox ********************************************************************************************* */
/* */
/* Version: v2.0.8.a.uc.js for Firefox 143+ */
/* */
/* Scrollbar.v2.0.8.a.uc.js https://www.camp-firefox.de/forum/thema/139766/?postID=1280271#post1280271 */
/* */
/* ******************************************************************************************************************************
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 = 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;
}
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;
background-position: top !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;
background-position: bottom !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;
background-position: left !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;
background-position: right !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;
background-position: top !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;
background-position: bottom !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;
background-position: left !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;
background-position: right !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);
})();Und hier die Links.
1. #59
und, wichtig, https://itigic.com/de/activate-an…-in-windows-11/
Wenn Du diesen Ratschlag befolgst, kannst Du immer das aktuelle Skript nutzen und es müssen keine extra Verrenkungen
erarbeitet werden.
Speravir Das sind die Gründe, warum ich dieses CSS in einer neueren Version des Skripts entfernt habe.
Boersenfeger Ich fürchte, dass Dir da niemand wird helfen können.
Wenn mich meine grauen Zellen nicht in die Irre führen, gab es früher schon einmal Probleme mit der Breite der Scrollleisten.
Ackere mal die alten Threads durch.
Werde ich nächste Woche dann mal machen.
Speravir Werde das Skript überarbeiten, sobald ich aus dem Urlaub zurück bin.
Danke.
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.
// 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.
