array-in-a-matrix/rgb-progress-bar
array-in-a-matrix/rgb-progress-bar
1
0
Fork 0
Code Issues 9 Pull requests Projects Releases 9 Wiki Activity

added invidious support

Browse source
This commit is contained in:
array-in-a-matrix 2022-03-27 19:49:40 -04:00
parent 1eacee77a7
commit bb084ed896
3 changed files with 43 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
README.md
View file

@ -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.
<br>

24
manifest.json
View file

@ -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"]
}]

22
style.css
View file

@ -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;
}
}