Gibt es eine Möglichkeit, die Scrolleiste schwarz einzufärben, da ich in Firefox ein dunkles Thema verwende?
Scrollleiste schwarz einfärben
-
stardepp -
18. Dezember 2018 um 17:53 -
Erledigt
-
-
Gibt es eine Möglichkeit, die Scrolleiste schwarz einzufärbenKurz: 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.Code
Alles anzeigen/* 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] -
ok, gut, aber in welchem Ordner solch ich denn diesen CSS Ordner finden? Im Wurzelordner oder im lokalen Ordner? Soll ich dann ein Ordner anlegen mit dem Namen "CSS"?
-
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" -
ok, gut, aber ich fragte in welchem Ordner. Es gibt unter about:profile keinen Ordner der Profilordner heißt, da gibt es nur Wurzelordner oder im lokalen Ordner, in welchem also?
-
Wurzelordner
-
Ich habe ein solches Dokument angelegt, siehe Screenshot, habe die Farben in schwarz geändert, Firefox und den Explorer neugestartet, doch die Scrollleiste bleibt weiß, warum?
-
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.
-
macko...Vielen Dank für deine Geduld, ich habe es nun endlich geschafft, in beiden Profilen von Firefox die Scrollbar dunkel einzufärben.
Ich bin sehr dankbar, das es dieses Camp Firefox gibt!
Euch allen schöne Feiertage.