Scrollbalken extrem schmal

Anamcara

Hallo,

habe mal wieder ein Problem, diesmal mit den Scrollbalken.

Nach einem Windowsupdate waren die Scrolllbalken extrem schmal. Zuerst bin ich den Anweisungen gefolgt, wie man das in der Registry ändert.

Abgesehen davon, dass die Veränderung der Zahlen bis -600 keine Verbreiterung brachten obwohl als Administrator ausgeführt, blieb die Einstellung nicht gespeichert und sprang nach Neustart auf-43 zurück und noch nicht einmal auf die angebliche Voreinstellung -255.

Ich habe danach über Firefoxeinstellungen was versucht und die Erweiterung Custom Scrollbars hinzugefügt, kam aber trotz Erklärug nicht zu den richtigen Einstellungen. Das einzige, was mir gelungen wäre den Balken farbig zu machen, aber nicht breiter.

Habt ihr einen Rat, wie ich den Balken breiter bekomme.

Vielen Dank im voraus

Peter

Mira_Belle

Schau mal ob Du irgendwas mit diesem JavaSkript anfangen kannst.

JavaScript

"use strict";
/* Firefox 57+ userChrome.js tweaks - SCROLLBARS ********************************************** */
/* Original by Aris (aris-addons@gmx.net)****************************************************** */
/* Github: https://github.com/aris-t2/customscrollbarsforfx *********************************** */
/* ******************************************************************************************** */
/* Customized by Mira************************************************************************** */
/* version 2 nach (ECMAScript 2015) *********************************************************** */
/* https://www.camp-firefox.de/forum/thema/135133-custom-scrollbars-uc-js-anpassen/ *********** */
/* ******************************************************************************************** */
/* Custom Scrollbars for Firefox ************************************************************** */
/* version 1.0.6 ****************************************************************************** */
/* ***********************************************************************************************
 README
 
 !!! Wichtig !!!
 Die Einstellungen müssen auf 'false' gesetzt werden, damit dies auf aktuellen Firefox-Builds (102+) funktioniert
 about:config >
 widget.windows.overlay-scrollbars.enabled > false (Windows)
 widget.gtk.overlay-scrollbars.enabled > false (Linux/MacOSX)
 [!] 'Methode 2' ist erforderlich, um Firefox für benutzerdefinierte JavaScript-Dateien vorzubereiten
 [!] Die Datei 'custom_scrollbars.uc.js' gehört in den Firefox-Profilordner 'chrome'!
 -> Profilordner finden: Adressleiste > about:profiles > Wurzelordner > Ordner öffnen
 -> Datei zum Ordner \chrome\ hinzufügen (ggf. einen Ordner mit Namen "chrome" erstellen)
 [!] 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
 Aktivieren einer Einstellung > let ... auf 'true' setzen
 Deaktivieren einer Einstellung > let ... auf 'false' setzen
 Anpassungen vornehmen > Werte ändern
 - Farbe - Name: red, blue, transparent / Hexcode: #33CCFF, #FFF
 - Farbe - rgb(a): rgba(0,0,255,0.8) / hsl(a): hsla(240,100%,50%,0.8) // a = Sichtbarkeit (transparenz)
 - 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))
 HINWEIS
 - Zu kleine Werte für die Scrollbar-Breite werden sich negativ auf einige Oberflaechenelemente auswirken!
 
*********************************************************************************************** */
// Path "berechneten" !
const scrollerProfileDirectory = Services.dirsvc.get("ProfD", Ci.nsIFile).path.replace(/\\/g, "/");
// GENERAL SCROLLBAR SETTINGS
let custom_scrollbar_size_value = 16; // in px // default: custom_scrollbar_size_value = 17
// CUSTOM SCROLLBAR SETTINGS ("custom_scrollbar_" --> "cs_")
let cs_thumb_border = 1; // in px // default: cs_thumb_border = 0 // Rahmen des Sliders
let cs_thumb_roundness = 7; // in px // default: cs_thumb_roundness = 0 // Rundung des Sliders
let cs_thumb_minimal_size = 200; // in px
// CUSTOM SCROLLBAR COLORS/GRADIENTS
// - background
let cs_background_color = "#5b5b66"; // default: cs_background_color = "#DDDDDD"
let cs_background_image_vertical = "unset"; // default: cs_background_image_vertical = "unset"
let cs_background_image_horizontal = "unset"; // default: cs_background_image_horizontal = "unset"
// - corner
let cs_corner_background_color = "#bfbfbf"; // default: cs_corner_background_color = "#DDDDDD"
let cs_corner_background_image = "unset"; // default: cs_corner_background_image = "unset"
// - thumb/slider
let cs_thumb_color = "#bfbfbf"; // default: cs_thumb_color = "#33CCFF"
let cs_thumb_image_vertical = "unset"; // default: cs_thumb_image_vertical = "unset"
let cs_thumb_image_horizontal = "unset"; // default: cs_thumb_image_horizontal = "unset"
let cs_thumb_hover_color = "orange"; // default: cs_thumb_hover_color = "#66FFFF"
let cs_thumb_hover_image_vertical = "unset"; // default: cs_thumb_hover_image_vertical = "unset"
let cs_thumb_border_color = "#5b5b66"; // default: cs_thumb_border_color = "#33CCFF" "#5b5b66"
// - buttons
let cs_color_arrow = "#bfbfbf";
let cs_color_arrow_hover = "orange";
let cs_width = 16;
let cs_height = 16;
/* ******************************************************************************************** */
/* ******************************************************************************************** */
/* ******************************************************************************************** */
// Scrollbar code
Components.utils.import("resource://gre/modules/Services.jsm");
let ss =  Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService);
let custom_scrollbars = {
  init: function() {
    let uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent(`
     
      @namespace html url("http://www.w3.org/1999/xhtml");
     
      scrollbar, scrollcorner, scrollbar thumb,
      scrollbar[orient="vertical"] scrollbarbutton[type="increment"],
      scrollbar[orient="vertical"] scrollbarbutton[type="decrement"],
      scrollbar[orient="horizontal"] scrollbarbutton[type="increment"],
      scrollbar[orient="horizontal"] scrollbarbutton[type="decrement"] {
        -moz-appearance: none !important;
        appearance: none !important;
      }
      scrollbar {
        background-color: ${cs_background_color} !important;
      }
      scrollbar[orient="vertical"] {
        background-image: ${cs_background_image_vertical} !important;
      }
      scrollbar[orient="horizontal"] {
        background-image: ${cs_background_image_horizontal} !important;
      }
      scrollcorner {
        background-color: ${cs_corner_background_color} !important;
        background-image: ${cs_corner_background_image} !important;
      }
      scrollbar thumb {
        background-color: ${cs_thumb_color} !important;
        border-radius: ${cs_thumb_roundness}px !important;
        border: ${cs_thumb_border}px solid ${cs_thumb_border_color} !important;
      }
      scrollbar thumb[orient="vertical"] {
        background-image: ${cs_thumb_image_vertical} !important;
        min-height: ${(cs_thumb_minimal_size+cs_thumb_roundness+cs_thumb_border)}px !important;
      }
      scrollbar thumb[orient="horizontal"] {
      background-image: ${cs_thumb_image_horizontal} !important;
      min-width: ${(cs_thumb_minimal_size+cs_thumb_roundness+cs_thumb_border)}px !important;
      }
      scrollbar thumb:hover, scrollbar thumb:active {
        background-color: ${cs_thumb_hover_color} !important;
      }
      scrollbar thumb[orient="vertical"]:hover, scrollbar thumb[orient="vertical"]:active,
      scrollbar thumb[orient="horizontal"]:hover, scrollbar thumb[orient="horizontal"]:active {
        background-image: ${cs_thumb_hover_image_vertical} !important;
      }
      scrollbar[orient="vertical"] scrollbarbutton[type="decrement"] {
        mask-image: url("file:${scrollerProfileDirectory}/chrome/icons/Chevron-up,_12.svg") !important;
      }
      scrollbar[orient="vertical"] scrollbarbutton[type="increment"] {
        mask-image: url("file:${scrollerProfileDirectory}/chrome/icons/Chevron-down,_12.svg") !important;
      }
      scrollbar[orient="horizontal"] scrollbarbutton[type="increment"] {
        mask-image: url("file:${scrollerProfileDirectory}/chrome/icons/Chevron-right,_12.svg") !important;
      }
      scrollbar[orient="horizontal"] scrollbarbutton[type="decrement"] {
        mask-image: url("file:${scrollerProfileDirectory}/chrome/icons/Chevron-left,_12.svg") !important;
      }
      scrollbarbutton[type="increment"],
      scrollbar[orient="vertical"] scrollbarbutton[type="decrement"],
      scrollbarbutton[type="increment"],
      scrollbar[orient="horizontal"] scrollbarbutton[type="decrement"] {
       
        mask-repeat: no-repeat;
        mask-position: center;
        background-color: ${cs_color_arrow};
        width: ${cs_width}px !important;
        height: ${cs_height}px !important;
      }
      scrollbarbutton[type="increment"]:hover,
      scrollbar[orient="vertical"] scrollbarbutton[type="decrement"]:hover,
      scrollbarbutton[type="increment"]:hover,
      scrollbar[orient="horizontal"] scrollbarbutton[type="decrement"]:hover {
        background-color: ${cs_color_arrow_hover} !important;
      }
     
      scrollbar[orient="vertical"] {
        background-image: ${cs_background_image_vertical} !important;
        width: ${custom_scrollbar_size_value}px !important;
      }
      scrollbar[orient="horizontal"] {
        background-image: ${cs_background_image_horizontal} !important;
        height: ${custom_scrollbar_size_value}px !important;
      }
      scrollcorner {
        background-color: ${cs_corner_background_color} !important;
        background-image: url("file:${scrollerProfileDirectory}/chrome/icons/resizer.svg") !important;
        width: ${custom_scrollbar_size_value}px !important;
      }
    `), null, null);
    ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);
  }
};
// enable settings as configured above
custom_scrollbars.init();

Alles anzeigen

Musst halt etwas basteln und es Deinem Wünschen anpassen.

.DeJaVu

Firefox orientiert sich an Windows, wie Windows funktioniert, findest du hier:

Scrolleisten in Apps immer einblenden ausblenden Windows 10

Erst dann in die Registry:

So ändern Sie die Breite der Bildlaufleiste in Windows 11/10

Was passiert, wenn eine Person mit dicken Fingern eine Bildlaufleiste berührt und versucht, sie nach oben, unten oder quer zu bewegen? Wenig Erfolg, nicht…

de.moyens.net

Und Achtung: Wenn da 500 steht, ist -500 gemeint - und das ist verdammt breit schon, doppelt mein ich (-255=Vorgabe).

oldman53

Zitat von .DeJaVu

Firefox orientiert sich an Windows

Hallo, ohne CSS oder Registry lässt sich in about:config auch der Scrollbalken tunen.

widget.non-native-theme.scrollbar.size.override -> 18

(0 = System default, aufsteigende Werte verbreitern, 18 entpricht ca. Systemvorgabe)

widget.non-native-theme.win.scrollbar.use-system-size -> false

Anamcara

Hallo,

der letzte Tipp hat geholfen. Vielen Dank.

Mein Problem, das geblieben ist, ist allerdings kein Firefoxproblem.

Die Einstellung zu den Svrollbalken in er Registry bleibt nicht gespeichert, nach Neustart springen die beiden Werte immer auf -43. Wie es jetzt ist nach der Einstellung in about:config ist, habe ich noch nicht ausprobiert.

Auf jeden Fall bin ich begeistert über die Hilfe, die ich bis jetzt in diesem Forum erhalten habe. Ich wünsche Euch allen einen schönen Sonntag.

Gruß Peter

oldman53

M.E. sind Einstellungen unter HKEY_CURRENT_USER spezifisch für den regedit aufrufenden User

und nicht Systemweit für alle. Wenn das mit Administratorrechten gemacht wird, gilt das nur für den Admin.

D.h. als normaler User müssen diese Einstellungen einfach mit regedit.exe aus der User Umgebung erfolgen.

Man möge mich berichtigen.

.DeJaVu

HKEY_CURRENT_USER\Control Panel\Desktop\WindowMetrics

... ist immer der aktuell angemeldete Nutzer. Ansonsten geht es per Admin für andere nur über

HKEY_USERS\S-1-5-21-...\Control Panel\Desktop\WindowMetrics

S-1-5-21-... ist für jeden Nutzer eindeutig, den muss man erst mal darin ermitteln.

Windows muss danach neu gestartet werden.

Anamcara

Ob als User oder Admin, nach Neustart springt die Einstellung auf -43. Ich habe dank eurer Hilfe über

widget.non-native-theme.scrollbar.size.override -> 18

-habe 20 eingestellt- einen schönen breiten Balken, der überhaupt nicht diesen -43 entspricht.

Ist für mich jetzt allles gut, nur verstehe ich es nicht, denn früher hat es über die Registry auch geklappt.

Registry beschädigt?

Gruß Peter

.DeJaVu

Die "Registry" ist ein Kollektiv aus verschiedenen Dateien. Und nein, "beschädigt" würdest du merken. Warum der Wert bei dir nicht gespeichert wird, kann ich nur raten, frag doch mal im "Smalltalk", weil kein Firefox-Problem.

Standardwerte sind übrigens (und nicht nur "angeblich"):

Code

"ScrollWidth"="-255"
"ScrollHeight"="-255"

Die o.g. reguläre Windows-Option zum Ausblenden hat darauf keinen Einfluss. Da die Werte bei dir nicht erhalten bleiben, kann nur eine andere Software bei dir diesen Wert einstellen, bei Neustart. Welche das ist, solltest du schon wissen.

Anamcara

Habe tatsächlich in einem Win 10 Forum die gleiche Problematik gefunden. Die Lösung war Neustart mit dem Befehl shutdown -r -t 0, jetzt bleiben die Werte gespeichert.

Noch einen schönen Montag.

Gruß Peter

.DeJaVu

Hast du Schnellstart aktiv? Der Befehl startet Windows von unten neu heraus.

lenny2

Firefox v100+ hat eingebaute Scrollbar-Stile, der Stil wird durch Ändern des Parameterwertes in about:config ausgewählt. widget.non-native-theme.scrollbar.style

= 0 Standard Stil

= 1 MacOs Stil

= 2 GTK Stil

= 3 Android Stil

= 4 Windows 10 Stil

= 5 Windows 11 Stil

Sie können auch die Glätte des Bildlaufs und die Anzahl der Bildlauflinien einstellen.

Anamcara

so ist bei mir eingestellt, ist das scnellstart

2002Andreas

Zitat von Anamcara

ist das scnellstart

Lies das bitte mal dazu:

Windows 10: Schnellstart deaktivieren/aktivieren

Sie möchten den Schnellstart Ihres Windows 10 PCs aktivieren oder deaktivieren? Wir zeigen Ihnen Schritt für Schritt, was Sie tun müssen.

www.heise.de

Anamcara

Schnellstart aktivieren war in Energieoptionen gar nicht angezeigt. Habe das jetzt gelesen, wie das angezeigt wird, jetzt sieht es so aus

WiSo

Nimm den Haken bei Schnellstart wieder raus.