Scrollleiste schwarz einfärben

Zitat von stardepp

Gibt es eine Möglichkeit, die Scrolleiste schwarz einzufärben

Kurz: Ja. In lang hatten wir das schonmal: Farbe der Scrollbars.

Je nachdem, wie kompliziert Du es willst, reichen dir die CSS-Selektoren scrollbar-color (der mögliche Wert dark könnte auch schon reichen) und eventuell scrollbar-width oder Du benötigst das im anderen Thread verlinkte Userskript mit entsprechend notwendigen Anpassungen.

Edit: Mackos Beitrag hat sich mit meinem überschnitten.

Ja gibt es, indem du beispielsweise diesen CSS-Code innerhalb der userContent.css verwendest (falls nicht vorhanden, einfach eines im chrome Ordner innerhalb des Firefox-Profilverzeichnisses erstellen):
Farben der Scrollleiste und dessen Hintergrund kannst du bei Bedarf an deine eigenen Wünschen anpassen.

/* Firefox Quantum userChrome.css tweaks ************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/




/* GENERAL SCROLLBAR SETTINGS (Firefox 63+) *********************************************/
/* [!] Might not work on every page! This issue is for Mozilla to solve. ****************/
/* [!] not compatible with custom scrollbar JavaScipt userChrome scripts ****************/
/* [!] only background, thumb and width variables available for now *********************/
/* [!] color names and hex/rgb(a)/hsl(a) colors supported *******************************/
/* [!] scrollbar buttons are not visible with width value 'thin' ************************/
/* [!] width value settings are only compatible with 'web content' at the moment ********/


:root{
  scrollbar-face-color: #171717; /* background color (Firefox 63 only) */
  scrollbar-track-color: #6A6A6A; /* thumb/slider color (Firefox 63 only) */

  /* background color [1. color] // thumb/slider color [2. color] (Firefox 64+) *********/
  scrollbar-color: #6A6A6A #171717;

  /* size/width *************************************************************************/
  /*	scrollbar-width: auto; = default OS scrollbars
		scrollbar-width: thin; = small scrollbars without buttons
		scrollbar-width: none; = scrollbars are hidden
		scrollbar-width: 17px; (not working yet, but might be supported in the future)  */
  scrollbar-width: auto;
}


/* MDN web docs (color): https://developer.mozilla.org/docs/Web/CSS/scrollbar-color *****/
/* MDN web docs (width): https://developer.mozilla.org/docs/Web/CSS/scrollbar-width *****/

Die Scrollleiste sähe mit diesem CSS-Code in etwa so aus:
[attachment=0]firefox_2018-12-18_19-04-52.png[/attachment]

Sollte der Ordner chrome nicht vorhanden sein musst du ihn dir erst erstellen, und in ihm dann eine userContent.css
Du mußt dir im Profilordner einen neuen Ordner chrome erstellen und in diesem dann eine Textdatei ( mit einem Editor ) in die du den Code kopierst, bzw. einträgst.

Dann schließt du die Datei und speicherst sie als userContent.css ab.
Danach mußt du den Fx neu starten.

PS:
Du musst dir dazu die versteckten Dateiendungen anzeigen lassen.

Um das einzustellen klickt man im Windows 10 Explorer (wenn man einen Ordner offen hat) erst oben links auf Ansicht..dann rechts oben auf

"Optionen" > "Ordner und Suchoptionen ändern" > "Ansicht"
und entfernt das Häkchen bei "Erweiterungen bei bekannten Dateitypen ausblenden"

Wo finde ich meinen Profilordner

Wurzelordner

Zitat von stardepp

doch die Scrollleiste bleibt weiß, warum?

Schau nochmal auf deinen Screenshot, dort hast du nämlich eine userContent.css.txt Datei erstellt, anstelle einer userContent.css :wink:
Entferne daher das .txt aus dem Dateinamen, damit diese von Firefox angewendet wird.
Auch sehe ich, dass du die userContent.css Datei im falschen Verzeichnis erstellt hast. Diese muss, wie ich schon vorgängig erwähnt hatte, in einem Verzeichnis namens chrome erstellt werden (nicht ein Ordner mit dem Namen css.)

Auch würde ich dir nicht empfehlen, dass du sowohl den Scrollleistenhintergrund als auch die Scrollleiste selbst in der gleichen Farbe einfärbst. Ansonsten kannst du nämlich gar nicht mehr erkennen, wo sich die Scrollleiste befindet, da alles in schwarz gefärbt wurde.