Greasy Fork is available in English.

Add YouTube Video Progress

Adds a progress bars (or dots) at bottom of video, a progress text which includes video quality and subtitle indicators, and a chapter title box on the YouTube video page.

< Rückmeldungen aufAdd YouTube Video Progress

Rezension: Gut - Skript funktioniert

§
Veröffentlicht: 03.05.2018
Bearbeitet: 14.06.2018

What to change to change text font (foreground) color for dark theme?

I already found out how to change the border and background color -

line 34: b.style.cssText = "border:1px solid #eee;border-radius:4px;padding:2px 5px;background:#111;";

but how can I change the text color to light grey (#eee) or white (#fff) for the material dark theme (currently it is a blueish grey) ??

jcunewsVerfasser
§
Veröffentlicht: 03.05.2018

Text color is specified using the color rule.

https://developer.mozilla.org/en-US/docs/Web/CSS/color

Refer to that MDN documents for other styles or other things related to web page.

§
Veröffentlicht: 04.05.2018
Bearbeitet: 08.04.2019

Thank you, I added color:#eee; before 'border'

b.style.cssText = "margin-left:1ex;border:1px solid #eee;color:#eee;border-radius:4px;padding:2px;background:#111;text-align:center;font-size:9pt";

§
Veröffentlicht: 08.04.2019

Can you please make a dark mode option using this line (33) so that I don't have manually to edit after each script update:

b.style.cssText = "margin-left:1ex;border:1px solid #eee;color:#eee;border-radius:4px;padding:2px;background:#111;text-align:center;font-size:9pt";

jcunewsVerfasser
§
Veröffentlicht: 09.04.2019

OK. I've updated the script to support the dark mode. The style for the video progress text will change automatically when the dark mode is toggled on or off.

§
Veröffentlicht: 15.04.2019

Perfect, thank you very much! :)

Antwort schreiben

Anmelden um eine Antwort zu senden.