added invidious support
This commit is contained in:
parent
1eacee77a7
commit
bb084ed896
|
@ -2,7 +2,7 @@
|
||||||
|
|
||||||
## You can install the extension [here](https://addons.mozilla.org/addon/rgb-youtube-progress-bar/).
|
## 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.
|
||||||
|
|
||||||
<br>
|
<br>
|
||||||
|
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
|
|
||||||
"manifest_version": 2,
|
"manifest_version": 2,
|
||||||
"name": "RGB YouTube",
|
"name": "RGB YouTube",
|
||||||
"version": "2.1",
|
"version": "3.0",
|
||||||
|
|
||||||
"description": "Makes the YouTube progress bar cycle through different RGB colors.",
|
"description": "Makes the YouTube progress bar cycle through different RGB colors.",
|
||||||
|
|
||||||
|
@ -19,7 +19,27 @@
|
||||||
},
|
},
|
||||||
|
|
||||||
"content_scripts": [{
|
"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"],
|
"js": ["index.js"],
|
||||||
"css": ["style.css"]
|
"css": ["style.css"]
|
||||||
}]
|
}]
|
||||||
|
|
22
style.css
22
style.css
|
@ -1,62 +1,80 @@
|
||||||
.ytp-play-progress,
|
.ytp-play-progress,
|
||||||
.ytp-swatch-background-color {
|
.ytp-swatch-background-color,
|
||||||
|
|
||||||
|
.vjs-play-progress
|
||||||
|
,.vjs-slider-bar
|
||||||
|
{
|
||||||
animation: RGB 25s ease-in-out infinite;
|
animation: RGB 25s ease-in-out infinite;
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes RGB {
|
@keyframes RGB {
|
||||||
from {
|
from {
|
||||||
background-color: #FF0000;
|
background-color: #FF0000;
|
||||||
|
color: #FF0000;
|
||||||
}
|
}
|
||||||
|
|
||||||
7% {
|
7% {
|
||||||
background-color: #FF7700;
|
background-color: #FF7700;
|
||||||
|
color: #FF7700;
|
||||||
}
|
}
|
||||||
|
|
||||||
14% {
|
14% {
|
||||||
background-color: #FFDD00;
|
background-color: #FFDD00;
|
||||||
|
color: #FFDD00;
|
||||||
}
|
}
|
||||||
|
|
||||||
21% {
|
21% {
|
||||||
background-color: #00FF00;
|
background-color: #00FF00;
|
||||||
|
color: #00FF00;
|
||||||
}
|
}
|
||||||
|
|
||||||
28% {
|
28% {
|
||||||
background-color: #0000FF;
|
background-color: #0000FF;
|
||||||
|
color: #0000FF;
|
||||||
}
|
}
|
||||||
|
|
||||||
35% {
|
35% {
|
||||||
background-color: #8A2BE2;
|
background-color: #8A2BE2;
|
||||||
|
color: #8A2BE2;
|
||||||
}
|
}
|
||||||
|
|
||||||
42% {
|
42% {
|
||||||
background-color: #C77DF3;
|
background-color: #C77DF3;
|
||||||
|
color: #C77DF3;
|
||||||
}
|
}
|
||||||
|
|
||||||
49% {
|
49% {
|
||||||
background-color: #C77DF3;
|
background-color: #C77DF3;
|
||||||
|
color: #C77DF3;
|
||||||
}
|
}
|
||||||
|
|
||||||
56% {
|
56% {
|
||||||
background-color: #8A2BE2;
|
background-color: #8A2BE2;
|
||||||
|
color: #8A2BE2;
|
||||||
}
|
}
|
||||||
|
|
||||||
63% {
|
63% {
|
||||||
background-color: #0000FF;
|
background-color: #0000FF;
|
||||||
|
color: #0000FF;
|
||||||
}
|
}
|
||||||
|
|
||||||
70% {
|
70% {
|
||||||
background-color: #00FF00;
|
background-color: #00FF00;
|
||||||
|
color: #00FF00;
|
||||||
}
|
}
|
||||||
|
|
||||||
77% {
|
77% {
|
||||||
background-color: #FFDD00;
|
background-color: #FFDD00;
|
||||||
|
color:#FFDD00;
|
||||||
}
|
}
|
||||||
|
|
||||||
84% {
|
84% {
|
||||||
background-color: #FF7700;
|
backgroud-color: #FF7700;
|
||||||
|
color: #FF7700;
|
||||||
}
|
}
|
||||||
|
|
||||||
91% {
|
91% {
|
||||||
background-color: #FF0000;
|
background-color: #FF0000;
|
||||||
|
color: #FF0000;
|
||||||
}
|
}
|
||||||
}
|
}
|
Loading…
Reference in a new issue