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 = ` pageMod.PageMod({
// .ytp-play-progress, include: '*',
// .ytp-swatch-background-color { contentStyleFile: [
// animation: RGB 25s ease-in-out infinite; data.url('style.css')
// } ]
})
// @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' )
]
})

88
style.css
View file

@ -1,62 +1,62 @@
.ytp-play-progress, .ytp-play-progress,
.ytp-swatch-background-color { .ytp-swatch-background-color {
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;
} }
7% { 7% {
background-color: #FF7700; background-color: #FF7700;
} }
14% { 14% {
background-color: #FFDD00; background-color: #FFDD00;
} }
21% { 21% {
background-color: #00FF00; background-color: #00FF00;
} }
28% { 28% {
background-color: #0000FF; background-color: #0000FF;
} }
35% { 35% {
background-color: #8A2BE2; background-color: #8A2BE2;
} }
42% { 42% {
background-color: #C77DF3; background-color: #C77DF3;
} }
49% { 49% {
background-color: #C77DF3; background-color: #C77DF3;
} }
56% { 56% {
background-color: #8A2BE2; background-color: #8A2BE2;
} }
63% { 63% {
background-color: #0000FF; background-color: #0000FF;
} }
70% { 70% {
background-color: #00FF00; background-color: #00FF00;
} }
77% { 77% {
background-color: #FFDD00; background-color: #FFDD00;
} }
84% { 84% {
background-color: #FF7700; background-color: #FF7700;
} }
91% { 91% {
background-color: #FF0000; background-color: #FF0000;
} }
} }