diff --git a/README.md b/README.md index 59b6564..7a2e878 100644 --- a/README.md +++ b/README.md @@ -2,7 +2,7 @@ ## You can install the extension [here](https://addons.mozilla.org/addon/rgb-youtube-progress-bar/). -Firefox extension that makes the YouTube progress bar cycle colors. This extension also works on the progress bar of advertisements. +Firefox extension that makes the YouTube progress bar of videos and advertisements cycle colors. [Invidious](https://invidious.io/)'s progress bar is also supported.
diff --git a/manifest.json b/manifest.json index 7475352..f894303 100644 --- a/manifest.json +++ b/manifest.json @@ -2,7 +2,7 @@ "manifest_version": 2, "name": "RGB YouTube", - "version": "2.1", + "version": "3.0", "description": "Makes the YouTube progress bar cycle through different RGB colors.", @@ -19,7 +19,27 @@ }, "content_scripts": [{ - "matches": ["*://*.youtube.com/*"], + "matches": ["*://*.youtube.com/*", + "*://invidious.snopyta.org/*", + "*://invidious.xyz/*", + "*://invidious.kavin.rocks/*", + "*://tube.connect.cafe/*", + "*://invidious.zapashcanon.fr/*", + "*://invidiou.site/*", + "*://vid.mint.lgbt/*", + "*://invidious.site/*", + "*://yewtu.be/*", + "*://invidious.tube/*", + "*://invidious.silkky.cloud/*", + "*://invidious.himiko.cloud/*", + "*://inv.skyn3t.in/*", + "*://tube.incognet.io/*", + "*://invidious.tinfoil-hat.net/*", + "*://invidious.namazso.eu/*", + "*://vid.puffyan.us/*", + "*://dev.viewtube.io/*", + "*://tube.cthd.icu/*", + "*://invidious.048596.xyz/*"], "js": ["index.js"], "css": ["style.css"] }] diff --git a/style.css b/style.css index 72e67e9..48cf041 100644 --- a/style.css +++ b/style.css @@ -1,62 +1,80 @@ .ytp-play-progress, -.ytp-swatch-background-color { +.ytp-swatch-background-color, + +.vjs-play-progress +,.vjs-slider-bar +{ animation: RGB 25s ease-in-out infinite; } @keyframes RGB { from { background-color: #FF0000; + color: #FF0000; } 7% { background-color: #FF7700; + color: #FF7700; } 14% { background-color: #FFDD00; + color: #FFDD00; } 21% { background-color: #00FF00; + color: #00FF00; } 28% { background-color: #0000FF; + color: #0000FF; } 35% { background-color: #8A2BE2; + color: #8A2BE2; } 42% { background-color: #C77DF3; + color: #C77DF3; } 49% { background-color: #C77DF3; + color: #C77DF3; } 56% { background-color: #8A2BE2; + color: #8A2BE2; } 63% { background-color: #0000FF; + color: #0000FF; } 70% { background-color: #00FF00; + color: #00FF00; } 77% { background-color: #FFDD00; + color:#FFDD00; } 84% { - background-color: #FF7700; + backgroud-color: #FF7700; + color: #FF7700; } 91% { background-color: #FF0000; + color: #FF0000; } } \ No newline at end of file