colorshift.css

body {
    font-family: 'Varela Round', sans-serif;
    font-size:14px;
    font-weight:lighter;
    overflow-x:hidden;
}

@keyframes colorShift {
    0% { color: #ff0000; }
    10% { color: #ffa500; }
    20% { color: #fff200; }
    30% { color: #73ff00; }
    40% { color: #00ff73; }
    50% { color: #00ffc8; }
    60% { color: #0026ff; }
    70% { color: #4c00ff; }
    80% { color: #a200ff; }
    90% { color: #ff00ea; }
    100% { color: #ff0062; }
}

@keyframes colorShiftAlt {
    0% { color: #00ffc8; }
    10% { color: #0026ff; }
    20% { color: #4c00ff; }
    30% { color: #a200ff; }
    40% { color: #ff00ea; }
    50% { color: #ff0062; }
    60% { color: #ff0000; }
    70% { color: #ff8800; }
    80% { color: #fff200; }
    90% { color: #73ff00; }
    100% { color: #00ff73; }
}

@keyframes colorShiftBG {
    0% { background-color: #FF0000; }
    10% { background-color: #ffa500; }
    20% { background-color: #fff200; }
    30% { background-color: #73ff00; }
    40% { background-color: #00ff73; }
    50% { background-color: #00ffc8; }
    60% { background-color: #0026ff; }
    70% { background-color: #4c00ff; }
    80% { background-color: #a200ff; }
    90% { background-color: #ff00ea; }
    100% { background-color: #ff0062; }
}

/* epic colors for specific members */
/*
.chat-msg-JohnRG123 .userlist_owner {
    background-color:#66ccff;
    border-radius:5px;
    padding-left:3px;
    color: #2e576b!important;
    text-shadow: 1px 0 10px #2e576b;
}

.chat-msg-MrDestructoidCyDJ .userlist_owner {
    color: #eb47d0!important;
    text-shadow: 5px 0 10px #2e576b;
}
*/
/* .chat-msg-IP0G .userlist_owner {
    color: #00FFFF!important;
    animation-name: colorShiftBG!important;
    animation-iteration-count: infinite;
    animation-duration: 10s;
    border-radius:5px;
    padding-left:3px;
    text-shadow: 1px 0 10px #00FFFF;
} */

/* .chat-msg-spintto .userlist_owner {
    color: #01FFFF!important;
    text-shadow: 1px 0 10px #01FFFF;
}

.chat-msg-Zombsiee .userlist_owner {
    color: #ffd966!important;
    text-shadow: 0px 0px 10px rgb(255 217 102)!important;
}

.chat-msg-jensai2 .userlist_op {
    color: #ACABF8!important;
    text-shadow: 1px 0 10px #ACABF8;
} */

.chat-msg .userlist_owner {
    animation-name: colorShift!important;
    animation-iteration-count: infinite;
    animation-duration: 10s;
}

.chat-msg .userlist_op {
    animation-name: colorShift!important;
    animation-iteration-count: infinite;
    animation-duration: 10s;
}

div.userlist_op {
    /* color: #79d61d!important; */
    animation-name: colorShift!important;
    animation-iteration-count: infinite;
    animation-duration: 10s;
}

/* :is(.userlist_op, span) {
    animation-name: colorShift!important;
    animation-iteration-count: infinite;
    animation-duration: 10s;
} */

.userlist_owner {
    /* color: #eb8c47!important; */
    animation-name: colorShift!important;
    animation-iteration-count: infinite;
    animation-duration: 10s;
}

div.userlist_item > span:not(.userlist_op):not(.userlist_owner) {
  /* color: #0087c9; */
    animation-name: colorShift!important;
    animation-iteration-count: infinite;
    animation-duration: 10s;
}

div.userlist_item > span:not(.userlist_owner) {
    animation-name: colorShift!important;
    animation-iteration-count: infinite;
    animation-duration: 10s;
}

div.userlist_item > span:not(.userlist_op) {
    animation-name: colorShift!important;
    animation-iteration-count: infinite;
    animation-duration: 10s;
}
/* userlist op test 4 below */
div.userlist_item > span:is(.userlist_op):is(.userlist_owner) {
      animation-name: colorShift!important;
      animation-iteration-count: infinite;
      animation-duration: 10s;
  }

span:not(.userlist_op):not(.userlist_owner) > strong.username {
    animation-name: colorShift!important;
    animation-iteration-count: infinite;
    animation-duration: 10s;
}

span:not(.userlist_owner) > strong.username {
    animation-name: colorShift!important;
    animation-iteration-count: infinite;
    animation-duration: 10s;
}

span:not(.userlist_op) > strong.username {
    animation-name: colorShift!important;
    animation-iteration-count: infinite;
    animation-duration: 10s;
}

span:is(.userlist_op):is(.userlist_owner) > strong.username {
    animation-name: colorShift!important;
    animation-iteration-count: infinite;
    animation-duration: 10s;
}
/* below(also test 2) and above op test 3 */
div.userlist_item {
    animation-name: colorShift!important;
    animation-iteration-count: infinite;
    animation-duration: 10s;
}
/* below test 715/551p*/
.chat-msg {
    animation-name: colorShiftAlt!important;
    animation-iteration-count: infinite;
    animation-duration: 10s;
}

.chat-name {
    font-weight: bold;
    animation-name: colorShift!important;
    animation-iteration-count: infinite;
    animation-duration: 10s;
}

.action {
    font-style: italic;
    /* color: #fe66ab; */
    /* text-shadow: 0px 0px 10px #fe66ab, 0px 0px 10px #fe66ab !important; */
    animation-name: colorShift!important;
    animation-iteration-count: infinite;
    animation-duration: 10s;
}

.dark-theme > .odd-message {
  background-color: #141f1b;
}
  
.dark-theme > .even-message {
  background-color: rgba(0, 0, 0, 0.15);
}
  
.light-theme > .odd-message {
  background-color: #ffffff;
}
  
.light-theme > .even-message {
  background-color: #f5f5f5;
}