Farbe der Scrollbars

Schrauberecke: Hier geht es um optische und funktionelle Veränderungen (ohne Themes oder Personas) von Firefox oder von Webseiten per CSS-Codes oder JavaScript.
Benutzeravatar
milupo
Senior-Mitglied
Beiträge: 4987
Registriert: Fr, 27. Okt 2006 22:25

Re: Farbe der Scrollbars

#46

Beitrag von milupo » Do, 01. Nov 2018 22:06

Es ist ja bloß ein kleiner Test und er zeigt außerdem, wie man etwas im Skript anpassen kann, denn das ist ja für ihn ebenfalls ein Problem. Zitat:
Würde ich ja tun, wenn ich wüsste an welcher Stelle und welche Werte.
Ich weiß nicht, warum dieser kleine Test ein großes Problem darstellen sollte. Warten wir's ab.
Übersetzer für Obersorbisch und Niedersorbisch auf pontoon.mozilla.org, u.a. für Firefox, Firefox für Android, Firefox für iOS, Firefox Klar/Focus für iOS und Android, Thunderbird, Pootle, Django und LibreOffice

Benutzeravatar
Speravir
Senior-Mitglied
Beiträge: 879
Registriert: Do, 15. Dez 2005 1:33
Wohnort: Potsdam

Re: Farbe der Scrollbars

#47

Beitrag von Speravir » Fr, 02. Nov 2018 23:27

Ich bin ein bisschen spät zur Party, will aber mal auf Sörens Hinweis vom August zurückkommen:
Sören Hentzschel hat geschrieben:
Mo, 06. Aug 2018 20:33
Zumindest auf Windows unterstützt Firefox ab Version 62 auch eine Färbung der Scrolleiste per CSS (zusätzlich muss noch ein Schalter per about:config aktiviert werden).
Und zwar kann man die Farbe und die Breite der Leisten beeinflussen, die Farbe getrennt für den Anfasser und den Pfeile (wie sie gewöhnlich dargestellt werden). Mehr bei MDN (deutsch gibt’s die zur Zeit noch nicht): In about:config muss man die Einstellungen layout.css.scrollbar-colors.enabled und layout.css.scrollbar-width.enabled auf true setzen. Edit: Nicht nötig für userChrome.css und userContent.css, siehe unten.

Aber laut Aris funktionieren noch keine absoluten Breitenangaben wie 20px, vergleiche Hinweise in custom_scrollbar_appearance.css
ch55 hat geschrieben:
Mo, 13. Aug 2018 11:17
Eine Userchrome existiert bereits, zu 100 % hier abgekupfert.
Ich warte jetzt erst mal FF 62 ab, die Beta ist ja bereits unterwegs und schaue mal, ob ich mit dem klar komme.
Melde mich dann nochmal zu Wort.
CH55, reichen dir die Hinweise oder brauchst Du Konkreteres?
Zuletzt geändert von Speravir am Mo, 05. Nov 2018 19:33, insgesamt 1-mal geändert.
Steffen "Speravir"
---
Spiro, ergo sum.
Avatar: Vorlage Fox Head and Tail Tribal by Majykal-Melodi on DeviantArt, bearbeitet (Lizenz: CC by-sa 3.0)

Benutzeravatar
Sören Hentzschel
Administrator
Beiträge: 18806
Registriert: Mi, 23. Nov 2011 0:39
Wohnort: Salzburg
Kontaktdaten:

Re: Farbe der Scrollbars

#48

Beitrag von Sören Hentzschel » Sa, 03. Nov 2018 9:18

Speravir hat geschrieben:
Fr, 02. Nov 2018 23:27
Aber laut Aris funktionieren noch keine absoluten Breitenangaben wie 20px
Und vermutlich wird Firefox das auch nie können, da diese Variante mit hoher Wahrscheinlichkeit aus der Spezifikation wieder entfernt werden wird. Die Spezifikation selbst befindet sich ja auch noch in Entwicklung. ;)


Meine Beiträge zum Firefox-Quellcode (4 Beiträge; Letzter Beitrag: 05.09.2018)

Benutzeravatar
2002Andreas
Moderator
Beiträge: 39032
Registriert: Fr, 04. Jul 2008 19:25
Wohnort: Niedersachsen

Re: Farbe der Scrollbars

#49

Beitrag von 2002Andreas » Sa, 03. Nov 2018 10:10

Speravir hat geschrieben:
Fr, 02. Nov 2018 23:27
Und zwar kann man die Farbe
Hallo @Speravir...

funktioniert aber nicht so gut wie mit dem mehrmals hier genannten Script. Mit der config Änderung wird ja nur der Scrollbalken innerhalb vom Firefox geändert, auf Webseiten funktioniert das nicht.
Und ich denke, gerade da möchte @ch55 es haben. :-??
Zwischenablage02.png
Mit freundlichem Gruß
Andreas
Mein System    Meine Add-ons

Benutzeravatar
Speravir
Senior-Mitglied
Beiträge: 879
Registriert: Do, 15. Dez 2005 1:33
Wohnort: Potsdam

Re: Farbe der Scrollbars

#50

Beitrag von Speravir » Sa, 03. Nov 2018 18:39

Sören Hentzschel hat geschrieben:
Sa, 03. Nov 2018 9:18
Speravir hat geschrieben:
Fr, 02. Nov 2018 23:27
Aber laut Aris funktionieren noch keine absoluten Breitenangaben wie 20px
Und vermutlich wird Firefox das auch nie können, da diese Variante mit hoher Wahrscheinlichkeit aus der Spezifikation wieder entfernt werden wird. Die Spezifikation selbst befindet sich ja auch noch in Entwicklung. ;)
Hmm, warum das denn? Ich sehe nicht, wo das Problem bei einer festen Angabe liegen soll.
2002Andreas hat geschrieben:
Sa, 03. Nov 2018 10:10
funktioniert aber nicht so gut wie mit dem mehrmals hier genannten Script. Mit der config Änderung wird ja nur der Scrollbalken innerhalb vom Firefox geändert, auf Webseiten funktioniert das nicht.
Ich habe das nicht getestet, aber in CustomCSSforFx bindet Aris die entsprechende (oben von mir verlinkte) CSS-Datei sowohl in userChrome.css als auch in userContent.css ein.
Steffen "Speravir"
---
Spiro, ergo sum.
Avatar: Vorlage Fox Head and Tail Tribal by Majykal-Melodi on DeviantArt, bearbeitet (Lizenz: CC by-sa 3.0)

Benutzeravatar
2002Andreas
Moderator
Beiträge: 39032
Registriert: Fr, 04. Jul 2008 19:25
Wohnort: Niedersachsen

Re: Farbe der Scrollbars

#51

Beitrag von 2002Andreas » Sa, 03. Nov 2018 19:05

Speravir hat geschrieben:
Sa, 03. Nov 2018 18:39
Ich habe das nicht getestet
Und ich nicht in der userContent.css...sorry.

Also mit diesem Code:

Code: Alles auswählen

/* 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: red; /* background color (Firefox 63 only) */
  scrollbar-track-color: lightblue; /* thumb/slider color (Firefox 63 only) */
  
  /* background color [1. color] // thumb/slider color [2. color] (Firefox 64+) *********/
  scrollbar-color: lightblue lightgrey;
  
  /* 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: thin; */
}

/* 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 *****/
jeweils in die userChrome.css und in die userContent.css Datei eingetragen sieht das dann so aus:
Screenshot (917).png
Vorher noch die beiden Werte in about:config auf true ändern.

Die beiden Farben können nach belieben geändert werden.

Damit hat sich das mit den bisher genannten Scripten erledigt.

Edit:
Siehe Beitrag 53, es funktioniert auch ohne Änderung der Werte in about:config, danke für den Hinweis :klasse:
Mit freundlichem Gruß
Andreas
Mein System    Meine Add-ons

Benutzeravatar
Sören Hentzschel
Administrator
Beiträge: 18806
Registriert: Mi, 23. Nov 2011 0:39
Wohnort: Salzburg
Kontaktdaten:

Re: Farbe der Scrollbars

#52

Beitrag von Sören Hentzschel » Sa, 03. Nov 2018 19:31

Speravir hat geschrieben:
Sa, 03. Nov 2018 18:39
Sören Hentzschel hat geschrieben:
Sa, 03. Nov 2018 9:18
Speravir hat geschrieben:
Fr, 02. Nov 2018 23:27
Aber laut Aris funktionieren noch keine absoluten Breitenangaben wie 20px
Und vermutlich wird Firefox das auch nie können, da diese Variante mit hoher Wahrscheinlichkeit aus der Spezifikation wieder entfernt werden wird. Die Spezifikation selbst befindet sich ja auch noch in Entwicklung. ;)
Hmm, warum das denn? Ich sehe nicht, wo das Problem bei einer festen Angabe liegen soll.
Die beiden Betriebssystem-Hersteller Microsoft und Apple sind entschieden dagegen. Vor allem bringt das auch Probleme mit sich. Was ist beispielsweise mit dem OS-Verhalten, wo sich die Größe der Scrollbalken in Touch-Umgebungen ändert? Dieses Verhalten existiert auf Windows. Oder dem Verhalten, dass sich die Größe bei Hover ändert? Dieses Verhalten existiert auf macOS. Und der Anwendungsfall, dünnere Scrollleisten haben zu wollen, wird durch das entsprechende Keyword ja schon abgedeckt. Viele Anwendungsfälle, das pixelgenau definieren zu können, gibt es nicht. Ein paar festgelegte Keywords zu haben, ist also eine Art Kompromiss. Es gab auch die Überlegung, das komplett zu streichen. Noch ist der Standard nicht final und es kann immer noch alles passieren. Mozilla wird für Firefox machen, was auch immer der Standard am Ende festlegt. Das sieht man auch an der Eigenschaft, um die Farbe zu ändern. Die Syntax hat sich von Firefox 63 auf Firefox 64 ja auch wieder geändert. Daher ist die ganze Implementierung noch hinter einer Einstellung in about:config.


Meine Beiträge zum Firefox-Quellcode (4 Beiträge; Letzter Beitrag: 05.09.2018)

Benutzeravatar
Pentomino
Mitglied
Beiträge: 383
Registriert: So, 04. Nov 2007 13:06

Re: Farbe der Scrollbars

#53

Beitrag von Pentomino » So, 04. Nov 2018 10:25

Habe den Code in Firefox 63.0.1 getestet:
Wie beschrieben in die userChrome.css und in die userContent.css Datei eingetragen. Funktionierte sofort einwandfrei.
Scrollbar.jpg
Scrollbar.jpg (13.37 KiB) 389 mal betrachtet
Komischerweise musste ich nichts an den about:config-Einstellungen ändern.... (beides steht auf "false") :-??
about config.jpg

Benutzeravatar
2002Andreas
Moderator
Beiträge: 39032
Registriert: Fr, 04. Jul 2008 19:25
Wohnort: Niedersachsen

Re: Farbe der Scrollbars

#54

Beitrag von 2002Andreas » So, 04. Nov 2018 12:06

Pentomino hat geschrieben:
So, 04. Nov 2018 10:25
musste ich nichts an den about:config-Einstellungen ändern
Hallo @Pentomino...

du hast recht wie ich es eben selber getestet habe, danke für den Hinweis :klasse:

Ich streiche den Hinweis dann gleich mal in meinem anderen Thread.
Mit freundlichem Gruß
Andreas
Mein System    Meine Add-ons

Benutzeravatar
Speravir
Senior-Mitglied
Beiträge: 879
Registriert: Do, 15. Dez 2005 1:33
Wohnort: Potsdam

Re: Farbe der Scrollbars

#55

Beitrag von Speravir » So, 04. Nov 2018 18:44

Sören Hentzschel hat geschrieben:
Sa, 03. Nov 2018 19:31
Speravir hat geschrieben:
Sa, 03. Nov 2018 18:39
Sören Hentzschel hat geschrieben:
Sa, 03. Nov 2018 9:18

Und vermutlich wird Firefox das auch nie können, da diese Variante mit hoher Wahrscheinlichkeit aus der Spezifikation wieder entfernt werden wird. Die Spezifikation selbst befindet sich ja auch noch in Entwicklung. ;)
Hmm, warum das denn? Ich sehe nicht, wo das Problem bei einer festen Angabe liegen soll.
Die beiden Betriebssystem-Hersteller Microsoft und Apple sind entschieden dagegen. Vor allem bringt das auch Probleme mit sich. Was ist beispielsweise mit dem OS-Verhalten, wo sich die Größe der Scrollbalken in Touch-Umgebungen ändert? [etc.pp.]
Ach ja, ich hatte im Moment meiner Antwort nicht daran gedacht, dass diese Einstellungen auch Webautoren zur Verfügung gestellt werden sollen. Ich dachte nur an das, was wir hier meistens tun: individuelle Anpassungen nach eigenem Gefallen – und (nur?) dafür sollte meiner Meinung nach die Möglichkeit vorhanden sein.
Sören Hentzschel hat geschrieben: Daher ist die ganze Implementierung noch hinter einer Einstellung in about:config.
Siehe aber Pentominos Antwort:
Pentomino hat geschrieben:
So, 04. Nov 2018 10:25
Komischerweise musste ich nichts an den about:config-Einstellungen ändern.... (beides steht auf "false") :-??
about config.jpg
Für alles, was von der userContent.css abgedeckt ist, sind die About:config-Einstelluingen ja auch wirkungslos. Kann aber auch sein, dass man sie wirklich gar nicht mehr benötigt.
Steffen "Speravir"
---
Spiro, ergo sum.
Avatar: Vorlage Fox Head and Tail Tribal by Majykal-Melodi on DeviantArt, bearbeitet (Lizenz: CC by-sa 3.0)

Benutzeravatar
Sören Hentzschel
Administrator
Beiträge: 18806
Registriert: Mi, 23. Nov 2011 0:39
Wohnort: Salzburg
Kontaktdaten:

Re: Farbe der Scrollbars

#56

Beitrag von Sören Hentzschel » So, 04. Nov 2018 19:04

Das kann durchaus sein, dass für Anpassungen via userChrome.css / userContent.css vorhandene Einstellungen in about:config nicht berücksichtigt werden und daher immer funktionieren, das habe ich nie getestet. Man muss halt Folgendes im Hinterkopf haben: Mozilla implementiert Webstandards für Webseiten und für Firefox selbst. Anpassungen via userChrome.css / userContent.css sind für Mozilla nicht wirklich relevant. Das heißt, unabhängig davon, ob das in userChrome.css / userContent.css auch ohne Änderung in about:config funktioniert, solange es Einstellungen für Webstandards in about:config gibt, heißt das, dass der entsprechende Standard noch nicht finalisiert ist und mit jedem Firefox-Update Änderungen notwendig sein könnten oder etwas sogar wieder entfernt wird, was kürzlich erst hinzugefügt worden ist. Sobald ein Webstandard für das Web "freigelegt" wird, beginnen Webseiten, das zu nutzen, und ab dem Punkt sind Syntax-Änderungen kaum noch möglich. Aber bis dahin ist alles möglich.

> individuelle Anpassungen nach eigenem Gefallen – und (nur?) dafür sollte meiner Meinung nach die Möglichkeit vorhanden sein.

Diese Unterscheidung wirst du von Mozilla definitiv nie sehen. Mozilla implementiert Webstandards. Wenn ein Webstandard etwas festlegt, muss das immer gelten. Und die Abkehr von XUL und XBL zeigt ja, dass Mozilla komplett weg von proprietärem Kram und komplett auf die Webplattform setzen will. Was ich sehr begrüße. ;)


Meine Beiträge zum Firefox-Quellcode (4 Beiträge; Letzter Beitrag: 05.09.2018)

ch55
Junior-Mitglied
Beiträge: 40
Registriert: Mi, 15. Jan 2014 10:46
Wohnort: Hofheim am Taunus

Re: Farbe der Scrollbars

#57

Beitrag von ch55 Themen-Starter » Mo, 05. Nov 2018 13:38

Hallo Leute !

Hier hat sich ja inzwischen einiges getan, sorry das ich mich erst jetzte wieder zu Wort melde.
Also ihr seit echt ausdauernd " ich hätte bei einem so ahnungslosen und schwierigen Kandidaten wie mir schon längst das Handtuch geworfen !
Respekt und Dank dafür, das ihr da anders gestrickt seid. :klasse:
Ich habe den Code von 2002Andreas nochmals kopiert, in Notepad+ eingefügt und den Wert entsprechend seines Hinweises geändert.
Und nach dem Neustart von FF hate ich eine
ROTE Scrollbar !!!!!
Keine Ahnung warum das jetzt funktioniert und/oder ob ich da irgendwas anders gemacht habe als bisher, war mir auch wurscht, Hauptsache es klappt.
Beflügelt durch diesen sensationellen Erfolg wurde ich dann vogelwild und habe mit Farben experimentiert und mich sogar an die breite der Scrollbar herangetraut.
das Egebnis sieht nun so aus
Zwischenablage-1.jpg
das ist zwar optisch kein echtes Highlight, aber sehr kontarstreich und dafür für meine bedürfnisse optimal.
Das einzige, was ich noch nicht gebacken bekommen habe, ist die Größe der beiden Schieberegler vertikal/horizontal zu Verändern.
Wenn ich da noch einen Tipp für mich hättet wäre das suuuuuuper !
Vielen Dank nochmals an Alle, für die bisherige Hilfe, und vielleicht bis demnächst.

bye
Wer von allen Leuten immer geliebt wird muß ein Trottel sein.(Thomas Mann)

Benutzeravatar
Speravir
Senior-Mitglied
Beiträge: 879
Registriert: Do, 15. Dez 2005 1:33
Wohnort: Potsdam

Re: Farbe der Scrollbars

#58

Beitrag von Speravir » Mo, 05. Nov 2018 19:31

Sören Hentzschel hat geschrieben:
So, 04. Nov 2018 19:04
Das kann durchaus sein, dass für Anpassungen via userChrome.css / userContent.css vorhandene Einstellungen in about:config nicht berücksichtigt werden und daher immer funktionieren, das habe ich nie getestet.
Wird schon so sein, dass die beiden Einstellungen dafür da sind, dass man anderen Autoren erlaubt, seine eigene Scrollbar nach deren Vorstellungen ändern zu lassen.
ch55 hat geschrieben:
Mo, 05. Nov 2018 13:38
Das einzige, was ich noch nicht gebacken bekommen habe, ist die Größe der beiden Schieberegler vertikal/horizontal zu Verändern.
Wenn ich da noch einen Tipp für mich hättet wäre das suuuuuuper !
Die Antwort darauf ist so einfach wie unbefriedigend: Das geht gar nicht. Die Größe der Regler ändert sich mit der Größe des Seiteninhalts, vermutlich aber mit einer Mindestgröße des Reglers (sonst könnte theoretisch nur ein Pixel für ihn übrig bleiben).
Steffen "Speravir"
---
Spiro, ergo sum.
Avatar: Vorlage Fox Head and Tail Tribal by Majykal-Melodi on DeviantArt, bearbeitet (Lizenz: CC by-sa 3.0)

Antworten

Wer ist online?

Mitglieder in diesem Forum: robotest, Sephira und 7 Gäste