RGB/Hue Change Custom CSS

[oak456]

/* Hue Change CSS By Faraday */
/* Leave a like and +rep ty */
#panel .upper i {
color: #f35626;
background-image: -webkit-linear-gradient(50deg,#FF0000,#FF0000);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-animation: hue 15s infinite linear;
}
@-webkit-keyframes hue {
from {
-webkit-filter: hue-rotate(0deg);
}
to {
-webkit-filter: hue-rotate(-360deg);
}
}
.fa-globe:before {
color: #f35626;
background-image: -webkit-linear-gradient(50deg,#FF0000,#FF0000);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-animation: hue 15s infinite linear;
}
@-webkit-keyframes hue {
from {
-webkit-filter: hue-rotate(0deg);
}
to {
-webkit-filter: hue-rotate(-360deg);
}
}
{
color: #f35626;
background-image: -webkit-linear-gradient(50deg,#FF0000,#FF0000);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-animation: hue 15s infinite linear;
}
@-webkit-keyframes hue {
from {
-webkit-filter: hue-rotate(0deg);
}
to {
-webkit-filter: hue-rotate(-360deg);
}
}
.navigation .active {
padding: 12px;
color: #f35626;
background-image: -webkit-linear-gradient(50deg,#FF0000,#FF0000);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-animation: hue 15s infinite linear;
}
@-webkit-keyframes hue {
from {
-webkit-filter: hue-rotate(0deg);
}
to {
-webkit-filter: hue-rotate(-360deg);
}
}
{
color: #f35626;
background-image: -webkit-linear-gradient(50deg,#FF0000,#FF0000);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-animation: hue 15s infinite linear;
}
@-webkit-keyframes hue {
from {
-webkit-filter: hue-rotate(0deg);
}
to {
-webkit-filter: hue-rotate(-360deg);
}
}
.fa-mail-bulk:before {
padding: 12px;
color: #f35626;
background-image: -webkit-linear-gradient(50deg,#FF0000,#FF0000);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-animation: hue 15s infinite linear;
}
@-webkit-keyframes hue {
from {
-webkit-filter: hue-rotate(0deg);
}
to {
-webkit-filter: hue-rotate(-360deg);
}
}
{
color: #f35626;
background-image: -webkit-linear-gradient(50deg,#FF0000,#FF0000);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-animation: hue 15s infinite linear;
}
@-webkit-keyframes hue {
from {
-webkit-filter: hue-rotate(0deg);
}
to {
-webkit-filter: hue-rotate(-360deg);
}
}
.pm_alert {
box-shadow: none;
padding: 12px;
color: #f35626;
background-image: -webkit-linear-gradient(50deg,#FF0000,#FF0000);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-animation: hue 15s infinite linear;
}
@-webkit-keyframes hue {
from {
-webkit-filter: hue-rotate(0deg);
}
to {
-webkit-filter: hue-rotate(-360deg);
}
}
{
color: #f35626;
background-image: -webkit-linear-gradient(50deg,#FF0000,#FF0000);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-animation: hue 15s infinite linear;
}
@-webkit-keyframes hue {
from {
-webkit-filter: hue-rotate(0deg);
}
to {
-webkit-filter: hue-rotate(-360deg);
}
}
.thead {
color: #EEE;
background-image: -webkit-linear-gradient(50deg,#FF0000,#FF0000);
-webkit-animation: hue 15s infinite linear;
}
@-webkit-keyframes hue {
from {
-webkit-filter: hue-rotate(0deg);
}
to {
-webkit-filter: hue-rotate(-360deg);
}
}
@-webkit-keyframes hue {
from {
-webkit-filter: hue-rotate(0deg);
}
to {
-webkit-filter: hue-rotate(-360deg);
}
}
{
color: #f35626;
background-image: -webkit-linear-gradient(50deg,#FF0000,#FF0000);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-animation: hue 15s infinite linear;
}
@-webkit-keyframes hue {
from {
-webkit-filter: hue-rotate(0deg);
}
to {
-webkit-filter: hue-rotate(-360deg);
}
}
.credits {
border-radius: 2px;
padding: 5px 6px;
width: auto;
margin: 0;
color: #9e8553;
}

Also if you find any bugs or have suggestions for the theme lmk.