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

formating

Browse source
This commit is contained in:
array-in-a-matrix 2022-01-12 13:32:36 -05:00
parent 87004f1a02
commit 784afec686
2 changed files with 50 additions and 115 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

77
index.js
View file

@ -1,71 +1,6 @@
// const CSS = `
// .ytp-play-progress,
// .ytp-swatch-background-color {
// animation: RGB 25s ease-in-out infinite;
// }
// @keyframes RGB {
// from {
// background-color: #FF0000;
// }
// 7% {
// background-color: #FF7700;
// }
// 14% {
// background-color: #FFDD00;
// }
// 21% {
// background-color: #00FF00;
// }
// 28% {
// background-color: #0000FF;
// }
// 35% {
// background-color: #8A2BE2;
// }
// 42% {
// background-color: #C77DF3;
// }
// 49% {
// background-color: #C77DF3;
// }
// 56% {
// background-color: #8A2BE2;
// }
// 63% {
// background-color: #0000FF;
// }
// 70% {
// background-color: #00FF00;
// }
// 77% {
// background-color: #FFDD00;
// }
// 84% {
// background-color: #FF7700;
// }
// 91% {
// background-color: #FF0000;
// }
// }
// `;
pageMod.PageMod( {
include: '*',
contentStyleFile: [
data.url( 'style.css' )
]
})
pageMod.PageMod({
include: '*',
contentStyleFile: [
data.url('style.css')
]
})

88
style.css
View file

@ -1,62 +1,62 @@
.ytp-play-progress,
.ytp-swatch-background-color {
animation: RGB 25s ease-in-out infinite;
animation: RGB 25s ease-in-out infinite;
}
@keyframes RGB {
from {
background-color: #FF0000;
}
from {
background-color: #FF0000;
}
7% {
background-color: #FF7700;
}
7% {
background-color: #FF7700;
}
14% {
background-color: #FFDD00;
}
14% {
background-color: #FFDD00;
}
21% {
background-color: #00FF00;
}
21% {
background-color: #00FF00;
}
28% {
background-color: #0000FF;
}
28% {
background-color: #0000FF;
}
35% {
background-color: #8A2BE2;
}
35% {
background-color: #8A2BE2;
}
42% {
background-color: #C77DF3;
}
42% {
background-color: #C77DF3;
}
49% {
background-color: #C77DF3;
}
49% {
background-color: #C77DF3;
}
56% {
background-color: #8A2BE2;
}
56% {
background-color: #8A2BE2;
}
63% {
background-color: #0000FF;
}
63% {
background-color: #0000FF;
}
70% {
background-color: #00FF00;
}
70% {
background-color: #00FF00;
}
77% {
background-color: #FFDD00;
}
77% {
background-color: #FFDD00;
}
84% {
background-color: #FF7700;
}
84% {
background-color: #FF7700;
}
91% {
background-color: #FF0000;
}
}
91% {
background-color: #FF0000;
}
}