added support for vimeo and odysee

README.md

@@ -2,7 +2,34 @@
 
 ## You can install the extension [here](https://addons.mozilla.org/addon/rgb-youtube-progress-bar/).
 
-Firefox extension that makes the YouTube progress bar of videos and advertisements cycle colors. [Invidious](https://invidious.io/)'s progress bar is also supported.
+Firefox extension that makes the YouTube progress bar of videos and advertisements cycle colors. 
+The following video sharing/hosting websites are also supported:
+
+- https://youtube.com/
+- https://odysee.com/
+- https://vimeo.com/
+- https://invidious.snopyta.org/
+- https://invidious.xyz/
+- https://invidious.kavin.rocks/
+- https://tube.connect.cafe/
+- https://invidious.zapashcanon.fr/
+- https://invidiou.site/
+- https://vid.mint.lgbt/
+- https://invidious.site/
+- https://yewtu.be/
+- https://invidious.tube/
+- https://invidious.silkky.cloud/
+- https://invidious.himiko.cloud/
+- https://inv.skyn3t.in/
+- https://tube.incognet.io/
+- https://invidious.tinfoil-hat.net/
+- https://invidious.namazso.eu/
+- https://vid.puffyan.us/
+- https://dev.viewtube.io/
+- https://tube.cthd.icu/
+- https://invidious.048596.xyz/
+
+
 
 <br>
 

manifest.json

@@ -2,7 +2,7 @@
 
   "manifest_version": 2,
   "name": "RGB YouTube",
-  "version": "3.1",
+  "version": "4.0",
   "author": "Array in a Matrix",
 
   "description": "Makes the YouTube progress bar cycle through different RGB colors.",
@@ -21,6 +21,8 @@
 
   "content_scripts": [{
     "matches": ["*://*.youtube.com/*",
+      "*://odysee.com/*",
+      "*://vimeo.com/*",
       "*://invidious.snopyta.org/*",
       "*://invidious.xyz/*",
       "*://invidious.kavin.rocks/*",
@@ -40,7 +42,8 @@
       "*://vid.puffyan.us/*",
       "*://dev.viewtube.io/*",
       "*://tube.cthd.icu/*",
-      "*://invidious.048596.xyz/*"],
+      "*://invidious.048596.xyz/*"
+    ],
     "js": ["index.js"],
     "css": ["style.css"]
   }]

style.css

@@ -1,9 +1,13 @@
 .ytp-play-progress,
 .ytp-swatch-background-color,
-
-.vjs-play-progress 
-,.vjs-slider-bar
-{
+/* YouTube */
+.vjs-play-progress,
+.vjs-slider-bar,
+/* Invidious */
+/* Odysee */
+.played
+/* Vimeo */
+    {
     animation: RGB 25s ease-in-out infinite;
 }
 
@@ -20,7 +24,7 @@
 
     14% {
         background-color: #FFDD00;
-        color:  #FFDD00;
+        color: #FFDD00;
     }
 
     21% {
@@ -65,7 +69,7 @@
 
     77% {
         background-color: #FFDD00;
-        color:#FFDD00;
+        color: #FFDD00;
     }
 
     84% {