87 lines
1.3 KiB
CSS
87 lines
1.3 KiB
CSS
/* YouTube */
|
|
.ytp-play-progress,
|
|
.ytp-swatch-background-color,
|
|
/* Invidious */
|
|
/* Odysee */
|
|
.vjs-play-progress,
|
|
.vjs-slider-bar,
|
|
/* Vimeo */
|
|
.played,
|
|
/* Twitch */
|
|
.seekbar-segment
|
|
{
|
|
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% {
|
|
backgroud-color: #FF7700;
|
|
color: #FF7700;
|
|
}
|
|
|
|
91% {
|
|
background-color: #FF0000;
|
|
color: #FF0000;
|
|
}
|
|
}
|