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.
< 脚本Add YouTube Video Progress的反馈
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.
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";
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";
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.
Perfect, thank you very much! :)
QingJ © 2025
镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址
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) ??