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
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);
})();Und hier "meine" Version 2.0.7 RC3 for Firefox 143+
Muss der Browser neu gestartet werden, nachdem der Stil deaktiviert wurde, damit die Änderung wirksam wird?
Ich habe gefragt und mir wurde gesagt, dass der Farbverlauf bei 143b funktioniert, scrollbar.css und agent-sheet.js benötigt werden. Weitere Details werde ich erfahren, wenn sie aus den Sommerferien zurück sind.
Der Farbverlauf funktioniert ab Firefox 143 nicht mehr. Warum? Ich weiß es nicht.
Ich habe einmal gelesen, dass man dafür die Scrollbar-CSS mit den Rechten „Agent Sheet” aktivieren muss 
Danke für Bugzilla, jetzt gibt es Hoffnung, dass der Fehler behoben wird.
Das kann ich so nicht bestätigen.
Sie müssen eine Seite mit einer Bildlaufleiste öffnen.
Der Fehler tritt auch bei der linken Seitenleiste auf, aber der Fehler hat sich an eine andere Stelle verlagert. Die Einfärbung des Scrollbars erfolgt nicht per Style, sondern über about:config. In einem sauberen Profil habe ich dies auch versucht, aber ich werde es noch einmal versuchen.
Neues sauberes Profil
Es gibt einen Fehler, der seit der Alpha-Version besteht, der von den Entwicklern nicht bemerkt wird, und deshalb kann der Fehler in die Release-Version gelangen. Die Bedeutung des Fehlers ist aus dem Screenshot ersichtlich - wenn die Seitenleiste auf der rechten Seite ist, überlappt sie die Bildlaufleiste des Seiteninhalts.
Ich würde den Fehler in Bugzilla melden, aber das ist zu kompliziert für mich.
Bitte die Konfiguration, die Du im Skript von Aris verwendet hast
v142
Aber es gibt Standard dort keine Scrollleiste
Dazu ist das CSS aus Beitrag #21 erforderlich. Ohne den generischen Scrollbar-Stil wird die Leiste wie das L in Beitrag #23 aussehen.
Aris-t2. L - 142, R - 143 Das ist ungefähr richtig. In 143 der Stil des Skripts hat keinen Einfluss auf die Farbe des Scrollbars in den Ordnern der Lesezeichenleiste.
Zusätzlich kann der Farbstil der Bildlaufleiste in den Ordnern der Lesezeichenleiste über about:config angepasst werden, indem Farben ausgewählt werden, die den Farben im Skript ähneln.
Welche beiden Skripte?
Bräuchte mal ein Bild dazu, Version 142 und 143+
L - 143, R - 142 Das ist ungefähr richtig.
So, grundsätzlich funktioniert meine Version des Skriptes nun auch ab FF 143
Diese Variante des Skripts 2023 funktioniert auch in Firefox v143, mit Ausnahme des Farbverlaufs. Außerdem funktionieren beide Skripte nicht mehr in den Ordnern der Lesezeichenleiste (zusätzlich ist der Stil von Aris-t2 erforderlich). Der Scrollbar wird zwar angezeigt, aber der Stil wird nicht angewendet.
link[href$="arrowscrollbox.css"] ~ scrollbox[orient="vertical"] {
overflow-y: auto !important;
}Endlich wurde das Problem in v142.0.1 behoben.
Mir passte es nicht, dass die Menüeinträge einmal an verschiedenen Stellen erschienen
und dann auch noch, an für mich, unpassenden!
Die „alten“ Parameter erzeugen ein falsches Trennzeichen, das nur beim ersten Zugriff auf das Menü sichtbar ist, screenshot.
Mit den „neuen“ Parametern wird ebenfalls ein falsches Trennzeichen erstellt, jetzt aber in einem anderen Menü.
Bisher war es so: widget.non-native-theme.scrollbar.style
= 0, 4, 5 (Pfeile werden angezeigt); = 1, 2, 3 (Pfeile werden nicht angezeigt).
Gibt es eine Möglichkeit zu erfahren, welche Einstellungen bei einem Update weggefallen, hinzugekommen oder geändert wurden?
Der Parameter mit dem Papierkorbsymbol wird manuell vom Benutzer oder von einer Erweiterung oder einem Skript erstellt und kann gelöscht werden, wenn er nicht mehr benötigt wird.
Inaktive "graue" Parameter sind für Änderungen gesperrt, z. B. in config.js.
Welchen Wert muss ich in der CSS Datei für User Styles Button aus #28 ändern, damit er mittig in der Leiste angezeigt wird. Momentan ist er noch oben "gerutscht".
Fügen Sie nach der 13. Zeile die folgende Zeile in den CSS-Code ein margin-top: 8px !important;
// document.getElementById('navigator-toolbox').parentNode.insertBefore( vbox, null); // Bottom Toolbar
document.getElementById('navigator-toolbox').insertBefore( vbox, null); // Top Toolbar