/* ==UserStyle==
@name YouTube Chat Tints
@version 0.2.0
@namespace github.com/cyfung1031
@license MIT
@description Make YouTube Chat Tints
@author CY Fung
@preprocessor stylus
@var color color-sponsor-text "Sponsor Text Color" #71ff8c
@var color color-moderator-text "Moderator Text Color" #70a7ff
@var color color-owner-chip-background "Owner Chip Background Color" #ffff3c
@var color color-general-author "General Author Color" #a3e3e3
@var range loading-effect-ms "loading-effect (0ms=disable; 600ms)" [0, 0, 900, 50, 'ms']
@var checkbox chat-author-vline-enable "Enable Chat Author Vline" 1
@var checkbox fade-author-icon-enable "Enable Fade Author Icon" 1
@var range author-font-ratio "Author Font Size" [3.6, 2.0, 4.6, 0.2]
@var range member-icon-font-size "Member Icon Font Size" [1.4, 0.6, 2.6, 0.2, 'rem']
@var range message-font-ratio "Message Font Size" [4.6, 2.0, 6.6, 0.2]
@var checkbox emoji-normalize-enable "Emoji Size Adjust" 0
@var range emoji-font-size "Emoji Font Size" [2.0, 0.6, 3.4, 0.2, 'rem']
@var range emoji-margin "Emoji Margin" [2.0, 1.0, 6.0, 1.0, 'px']
@var number emoji-shadow-size "emoji-shadow-size (1=disable)" [3, 1, 4, 1]
@var color emoji-shadow "emoji-shadow" #b5b4b4
@var range padding-left-message "Message Padding Left" [0.4, 0.2, 2, 0.2, 'em']
@var range padding-left-author-icon "Author Icon Padding Left" [4, 2, 32, 2, 'px']
@var range padding-right-author-icon "Author Icon Padding Right" [8, 2, 32, 2, 'px']
@var number final-message-opacity "Final Message Opacity" [0.8, 0.5, 1.0, 0.1]
@var range message-opacity-ms "message-opacity-animation (0ms=disable; 250ms)" [0, 0, 600, 50, 'ms']
==/UserStyle== */
/*
@var checkbox ruby-font "Ruby Font" 1
@var checkbox pw-font "Proportional Width Font" 1
*/
ruby-font=0 //
pw-font=0 //
cb-w=64px //
cb-ml=-16px - cb-w - 40px //
ds-w=12px //
if chat-author-vline-enable == 0 //
ds-w = 0px //
author-icon-mr = padding-right-author-icon + ds-w //
final-message-opacity-0 = final-message-opacity * 0.2 //
final-message-opacity-10 = final-message-opacity * 0.45 //
message-font-size = message-font-ratio * 0.4rem //
author-font-size-2=author-font-ratio * 0.4rem //
@-moz-document url-prefix("https://www.youtube.com/live_chat") {
html{
--final-message-opacity-0: final-message-opacity-0;
--final-message-opacity-10: final-message-opacity-10;
--final-message-opacity: final-message-opacity;
}
/* */
@keyframes yt-live-chat-text-message-renderer-animation3 {
0% {
opacity: var(--final-message-opacity-0); /* */
}
100% {
opacity: var(--final-message-opacity); /* */
}
}
/* */
@keyframes yt-live-chat-text-message-renderer-animation2 {
0% {
left: 48px;
height: 6px;
width: 32px;
opacity: 0.9;
}
50% {
left: 48px;
height: 3.2px;
width: calc(100% - 72px);
opacity: 0.8;
}
51% {
left: 48px;
height: 3.2px;
width: calc(100% - 72px);
opacity: 0.4;
}
100% {
left: 48px;
height: 3.2px;
width: calc(100% - 72px);
opacity: 0.0;
}
}
/* */
yt-live-chat-author-chip #chat-badges.yt-live-chat-author-chip,
yt-live-chat-author-chip #chat-badges.yt-live-chat-author-chip yt-live-chat-author-badge-renderer,
yt-live-chat-author-chip #chat-badges.yt-live-chat-author-chip yt-live-chat-author-badge-renderer #image,
yt-live-chat-author-chip #chat-badges.yt-live-chat-author-chip yt-live-chat-author-badge-renderer #image img {
display: inline-flex;
vertical-align: middle;
}
#message.yt-live-chat-text-message-renderer .emoji.yt-live-chat-text-message-renderer {
display: inline-block;
sl-1 = 0px
if emoji-shadow-size > 1 {
sl=(emoji-shadow-size - 1) * 0.5px //
sr=-1 * sl //
filter: drop-shadow(0px sl 0px emoji-shadow) drop-shadow(sl 0px 0px emoji-shadow) drop-shadow(sr 0px 0px emoji-shadow) drop-shadow(0px sr 0px emoji-shadow);
sl-1 = sl
}
sl-2 = sl-1 + emoji-margin
margin-left: sl-2;
margin-right: sl-2;
margin-top: sl-1;
margin-bottom: sl-1;
if emoji-normalize-enable {
--emoji-font-size: emoji-font-size;
height: calc(var(--emoji-font-size) * 1.12);
width: auto;
object-fit: contain;
}
}
body yt-img-shadow#author-photo.style-scope {
contain-intrinsic-size: author-icon-size author-icon-size;
}
yt-live-chat-author-chip.yt-live-chat-text-message-renderer {
align-items: center;
display: inline-flex;
flex-direction: row;
margin: 0;
font-size: author-font-size-2;
line-height: calc(author-font-size-2 * 1.2);
}
#items yt-live-chat-text-message-renderer { // weak selector
contain: layout style;
} //
xfont-variant-east-asian=unset // ;
if ruby-font { //
xfont-variant-east-asian=ruby //
} //
if pw-font { //
xfont-variant-east-asian=proportional-width //
} //
if ruby-font and pw-font { //
xfont-variant-east-asian=ruby proportional-width //
} //
//
yt-live-chat-item-list-renderer:not([allow-scroll]) #item-scroller.yt-live-chat-item-list-renderer {
overflow-y: scroll;
padding-right: 0;
}
#items.style-scope.yt-live-chat-item-list-renderer {
// --yt-live-chat-sponsor-color: #2ba640;
--yt-live-chat-sponsor-color: color-sponsor-text; //
// --yt-live-chat-secondary-text-color: rgba(255, 255, 255, 0.7);
--yt-live-chat-secondary-text-color: #ddd; //
// --yt-live-chat-author-chip-owner-background-color: #ffd600;
--yt-live-chat-author-chip-owner-background-color: color-owner-chip-background; // --yt-live-chat-moderator-color: #5e84f1;
--yt-live-chat-moderator-color: color-moderator-text; //
#message.yt-live-chat-text-message-renderer {
padding: 0px 0px;
margin-left: padding-left-message;
display: block;
align-items: center;
min-height: 2.6rem;
font-size: message-font-size;
line-height: 100%;
margin-left:2px;
margin-right:2px;
font-variant-east-asian: xfont-variant-east-asian;
letter-spacing: 0px !important;
}
#author-name {
--yt-live-chat-secondary-text-color: color-general-author;
word-break: break-word;
display: inline;
vertical-align: middle;
}
#message.yt-live-chat-text-message-renderer a {
color: inherit !important;
font-variant-east-asian: revert;
}
yt-live-chat-author-chip {
margin-top: 4px;
margin-bottom: 2px;
display: inline-block;
}
#author-photo {
align-self: center;
display: flex;
padding: 0;
margin: 0 author-icon-mr 0 padding-left-author-icon;
z-index: 1;
}
#author-photo img[src] {
height: author-icon-size;
object-fit: contain;
width: auto;
}
img.yt-live-chat-author-badge-renderer {
height: member-icon-font-size;
width: auto;
}
#chat-badges.style-scope.yt-live-chat-author-chip {
/* display: inline;*/
flex-direction: row;
align-items: center;
justify-items: center;
}
yt-live-chat-text-message-renderer {
padding: 0;
margin: 0;
padding-right: 28px;
margin-right: 4px;
if fade-author-icon-enable {
#author-photo {
opacity: 0.2;
transition: opacity 300ms;
}
#author-photo:hover {
opacity: 1;
}
}
}
if loading-effect-ms > 0 {
yt-live-chat-text-message-renderer::before {
content: '';
display: block;
position: absolute;
background: rgba(77, 77, 77, 0.5);
animation: yt-live-chat-text-message-renderer-animation2 loading-effect-ms linear 0ms 1 normal forwards;
pointer-events: none;
touch-action: none;
user-select: none;
transform-origin: 50% 50%;
width: 32px;
bottom: 0;
height: 16px;
border-radius: 32px;
z-index: 1;
}
}
yt-live-chat-text-message-renderer:hover #content {
opacity: 1.0 !important;
}
yt-live-chat-text-message-renderer #content {
transform-origin: 0 50%;
opacity: final-message-opacity;
}
if message-opacity-ms > 0 {
yt-live-chat-text-message-renderer #content {
animation: yt-live-chat-text-message-renderer-animation3 message-opacity-ms ease-in 0s 1 normal forwards;
}
}
if chat-author-vline-enable {
yt-live-chat-text-message-renderer #content::before {
width: 0px;
position: absolute;
/*
box-shadow: 7px 0px 0px 0px var(--author-color-1), 7px 0px 0px 0px #ddd, 12px 0px 0px 0px var(--author-color-2), 12px 0px 0px 0px #888;
*/
box-shadow: 40px 0px 0px 0px var(--author-color-1), 40px 0px 0px 0px #ddd, 52px 0px 0px 0px var(--author-color-2), 52px 0px 0px 0px #888;
content: '';
width: cb-w;
margin-left: cb-ml;
border-radius: 0;
display: block;
pointer-events: none;
touch-action: none;
user-select: none;
z-index: 0;
bottom: 1px;
top: 1px;
}
}
--author-color-set-1-1: #69696918;
--author-color-set-1-2: #a9a9a918;
--author-color-set-1-3: #dcdcdc18;
--author-color-set-1-4: #2f4f4f18;
--author-color-set-1-5: #556b2f18;
--author-color-set-1-6: #6b8e2318;
--author-color-set-1-7: #a0522d18;
--author-color-set-1-8: #228b2218;
--author-color-set-1-9: #80000018;
--author-color-set-1-10: #19197018;
--author-color-set-1-11: #483d8b18;
--author-color-set-1-12: #3cb37118;
--author-color-set-1-13: #bc8f8f18;
--author-color-set-1-14: #66339918;
--author-color-set-1-15: #00808018;
--author-color-set-1-16: #b8860b18;
--author-color-set-1-17: #bdb76b18;
--author-color-set-1-18: #4682b418;
--author-color-set-1-19: #00008018;
--author-color-set-1-20: #d2691e18;
--author-color-set-1-21: #9acd3218;
--author-color-set-1-22: #20b2aa18;
--author-color-set-1-23: #cd5c5c18;
--author-color-set-1-24: #32cd3218;
--author-color-set-1-25: #8fbc8f18;
--author-color-set-1-26: #8b008b18;
--author-color-set-1-27: #b0306018;
--author-color-set-1-28: #d2b48c18;
--author-color-set-1-29: #66cdaa18;
--author-color-set-1-30: #ff000018;
--author-color-set-1-31: #ffa50018;
--author-color-set-1-32: #ffd70018;
--author-color-set-1-33: #ffff0018;
--author-color-set-1-34: #c7158518;
--author-color-set-1-35: #0000cd18;
--author-color-set-1-36: #7fff0018;
--author-color-set-1-37: #00ff0018;
--author-color-set-1-38: #ba55d318;
--author-color-set-1-39: #00fa9a18;
--author-color-set-1-40: #4169e118;
--author-color-set-1-41: #e9967a18;
--author-color-set-1-42: #dc143c18;
--author-color-set-1-43: #00ffff18;
--author-color-set-1-44: #00bfff18;
--author-color-set-1-45: #f4a46018;
--author-color-set-1-46: #9370db18;
--author-color-set-1-47: #0000ff18;
--author-color-set-1-48: #a020f018;
--author-color-set-1-49: #ff634718;
--author-color-set-1-50: #d8bfd818;
--author-color-set-1-51: #ff00ff18;
--author-color-set-1-52: #db709318;
--author-color-set-1-53: #f0e68c18;
--author-color-set-1-54: #6495ed18;
--author-color-set-1-55: #dda0dd18;
--author-color-set-1-56: #87ceeb18;
--author-color-set-1-57: #ff149318;
--author-color-set-1-58: #afeeee18;
--author-color-set-1-59: #ee82ee18;
--author-color-set-1-60: #98fb9818;
--author-color-set-1-61: #7fffd418;
--author-color-set-1-62: #ff69b418;
--author-color-set-1-63: #ffe4c418;
--author-color-set-1-64: #ffb6c118;
--author-color-1-default: var(--author-color-set-1-64);
yt-live-chat-text-message-renderer {
--author-color-1: var(--author-color-1-default);
--author-color-2: var(--author-color-1-default);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/A"]) {
--author-color-1: var(--author-color-set-1-1);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/B"]) {
--author-color-1: var(--author-color-set-1-2);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/C"]) {
--author-color-1: var(--author-color-set-1-3);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/D"]) {
--author-color-1: var(--author-color-set-1-4);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/E"]) {
--author-color-1: var(--author-color-set-1-5);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/F"]) {
--author-color-1: var(--author-color-set-1-6);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/G"]) {
--author-color-1: var(--author-color-set-1-7);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/H"]) {
--author-color-1: var(--author-color-set-1-8);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/I"]) {
--author-color-1: var(--author-color-set-1-9);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/J"]) {
--author-color-1: var(--author-color-set-1-10);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/K"]) {
--author-color-1: var(--author-color-set-1-11);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/L"]) {
--author-color-1: var(--author-color-set-1-12);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/M"]) {
--author-color-1: var(--author-color-set-1-13);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/N"]) {
--author-color-1: var(--author-color-set-1-14);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/O"]) {
--author-color-1: var(--author-color-set-1-15);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/P"]) {
--author-color-1: var(--author-color-set-1-16);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/Q"]) {
--author-color-1: var(--author-color-set-1-17);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/R"]) {
--author-color-1: var(--author-color-set-1-18);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/S"]) {
--author-color-1: var(--author-color-set-1-19);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/T"]) {
--author-color-1: var(--author-color-set-1-20);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/U"]) {
--author-color-1: var(--author-color-set-1-21);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/V"]) {
--author-color-1: var(--author-color-set-1-22);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/W"]) {
--author-color-1: var(--author-color-set-1-23);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/X"]) {
--author-color-1: var(--author-color-set-1-24);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/Y"]) {
--author-color-1: var(--author-color-set-1-25);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/Z"]) {
--author-color-1: var(--author-color-set-1-26);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/a"]) {
--author-color-1: var(--author-color-set-1-27);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/b"]) {
--author-color-1: var(--author-color-set-1-28);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/c"]) {
--author-color-1: var(--author-color-set-1-29);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/d"]) {
--author-color-1: var(--author-color-set-1-30);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/e"]) {
--author-color-1: var(--author-color-set-1-31);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/f"]) {
--author-color-1: var(--author-color-set-1-32);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/g"]) {
--author-color-1: var(--author-color-set-1-33);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/h"]) {
--author-color-1: var(--author-color-set-1-34);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/i"]) {
--author-color-1: var(--author-color-set-1-35);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/j"]) {
--author-color-1: var(--author-color-set-1-36);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/k"]) {
--author-color-1: var(--author-color-set-1-37);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/l"]) {
--author-color-1: var(--author-color-set-1-38);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/m"]) {
--author-color-1: var(--author-color-set-1-39);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/n"]) {
--author-color-1: var(--author-color-set-1-40);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/o"]) {
--author-color-1: var(--author-color-set-1-41);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/p"]) {
--author-color-1: var(--author-color-set-1-42);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/q"]) {
--author-color-1: var(--author-color-set-1-43);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/r"]) {
--author-color-1: var(--author-color-set-1-44);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/s"]) {
--author-color-1: var(--author-color-set-1-45);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/t"]) {
--author-color-1: var(--author-color-set-1-46);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/u"]) {
--author-color-1: var(--author-color-set-1-47);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/v"]) {
--author-color-1: var(--author-color-set-1-48);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/w"]) {
--author-color-1: var(--author-color-set-1-49);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/x"]) {
--author-color-1: var(--author-color-set-1-50);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/y"]) {
--author-color-1: var(--author-color-set-1-51);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/z"]) {
--author-color-1: var(--author-color-set-1-52);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/0"]) {
--author-color-1: var(--author-color-set-1-53);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/1"]) {
--author-color-1: var(--author-color-set-1-54);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/2"]) {
--author-color-1: var(--author-color-set-1-55);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/3"]) {
--author-color-1: var(--author-color-set-1-56);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/4"]) {
--author-color-1: var(--author-color-set-1-57);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/5"]) {
--author-color-1: var(--author-color-set-1-58);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/6"]) {
--author-color-1: var(--author-color-set-1-59);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/7"]) {
--author-color-1: var(--author-color-set-1-60);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/8"]) {
--author-color-1: var(--author-color-set-1-61);
}
yt-live-chat-text-message-renderer:has(#img[src*="com/9"]) {
--author-color-1: var(--author-color-set-1-62);
}
yt-live-chat-text-message-renderer:has(#img[src*="A="]) {
--author-color-1: var(--author-color-set-1-1);
}
yt-live-chat-text-message-renderer:has(#img[src*="B="]) {
--author-color-1: var(--author-color-set-1-2);
}
yt-live-chat-text-message-renderer:has(#img[src*="C="]) {
--author-color-1: var(--author-color-set-1-3);
}
yt-live-chat-text-message-renderer:has(#img[src*="D="]) {
--author-color-1: var(--author-color-set-1-4);
}
yt-live-chat-text-message-renderer:has(#img[src*="E="]) {
--author-color-1: var(--author-color-set-1-5);
}
yt-live-chat-text-message-renderer:has(#img[src*="F="]) {
--author-color-1: var(--author-color-set-1-6);
}
yt-live-chat-text-message-renderer:has(#img[src*="G="]) {
--author-color-1: var(--author-color-set-1-7);
}
yt-live-chat-text-message-renderer:has(#img[src*="H="]) {
--author-color-1: var(--author-color-set-1-8);
}
yt-live-chat-text-message-renderer:has(#img[src*="I="]) {
--author-color-1: var(--author-color-set-1-9);
}
yt-live-chat-text-message-renderer:has(#img[src*="J="]) {
--author-color-1: var(--author-color-set-1-10);
}
yt-live-chat-text-message-renderer:has(#img[src*="K="]) {
--author-color-1: var(--author-color-set-1-11);
}
yt-live-chat-text-message-renderer:has(#img[src*="L="]) {
--author-color-1: var(--author-color-set-1-12);
}
yt-live-chat-text-message-renderer:has(#img[src*="M="]) {
--author-color-1: var(--author-color-set-1-13);
}
yt-live-chat-text-message-renderer:has(#img[src*="N="]) {
--author-color-1: var(--author-color-set-1-14);
}
yt-live-chat-text-message-renderer:has(#img[src*="O="]) {
--author-color-1: var(--author-color-set-1-15);
}
yt-live-chat-text-message-renderer:has(#img[src*="P="]) {
--author-color-1: var(--author-color-set-1-16);
}
yt-live-chat-text-message-renderer:has(#img[src*="Q="]) {
--author-color-1: var(--author-color-set-1-17);
}
yt-live-chat-text-message-renderer:has(#img[src*="R="]) {
--author-color-1: var(--author-color-set-1-18);
}
yt-live-chat-text-message-renderer:has(#img[src*="S="]) {
--author-color-1: var(--author-color-set-1-19);
}
yt-live-chat-text-message-renderer:has(#img[src*="T="]) {
--author-color-1: var(--author-color-set-1-20);
}
yt-live-chat-text-message-renderer:has(#img[src*="U="]) {
--author-color-1: var(--author-color-set-1-21);
}
yt-live-chat-text-message-renderer:has(#img[src*="V="]) {
--author-color-1: var(--author-color-set-1-22);
}
yt-live-chat-text-message-renderer:has(#img[src*="W="]) {
--author-color-1: var(--author-color-set-1-23);
}
yt-live-chat-text-message-renderer:has(#img[src*="X="]) {
--author-color-1: var(--author-color-set-1-24);
}
yt-live-chat-text-message-renderer:has(#img[src*="Y="]) {
--author-color-1: var(--author-color-set-1-25);
}
yt-live-chat-text-message-renderer:has(#img[src*="Z="]) {
--author-color-1: var(--author-color-set-1-26);
}
yt-live-chat-text-message-renderer:has(#img[src*="a="]) {
--author-color-1: var(--author-color-set-1-27);
}
yt-live-chat-text-message-renderer:has(#img[src*="b="]) {
--author-color-1: var(--author-color-set-1-28);
}
yt-live-chat-text-message-renderer:has(#img[src*="c="]) {
--author-color-1: var(--author-color-set-1-29);
}
yt-live-chat-text-message-renderer:has(#img[src*="d="]) {
--author-color-1: var(--author-color-set-1-30);
}
yt-live-chat-text-message-renderer:has(#img[src*="e="]) {
--author-color-1: var(--author-color-set-1-31);
}
yt-live-chat-text-message-renderer:has(#img[src*="f="]) {
--author-color-1: var(--author-color-set-1-32);
}
yt-live-chat-text-message-renderer:has(#img[src*="g="]) {
--author-color-1: var(--author-color-set-1-33);
}
yt-live-chat-text-message-renderer:has(#img[src*="h="]) {
--author-color-1: var(--author-color-set-1-34);
}
yt-live-chat-text-message-renderer:has(#img[src*="i="]) {
--author-color-1: var(--author-color-set-1-35);
}
yt-live-chat-text-message-renderer:has(#img[src*="j="]) {
--author-color-1: var(--author-color-set-1-36);
}
yt-live-chat-text-message-renderer:has(#img[src*="k="]) {
--author-color-1: var(--author-color-set-1-37);
}
yt-live-chat-text-message-renderer:has(#img[src*="l="]) {
--author-color-1: var(--author-color-set-1-38);
}
yt-live-chat-text-message-renderer:has(#img[src*="m="]) {
--author-color-1: var(--author-color-set-1-39);
}
yt-live-chat-text-message-renderer:has(#img[src*="n="]) {
--author-color-1: var(--author-color-set-1-40);
}
yt-live-chat-text-message-renderer:has(#img[src*="o="]) {
--author-color-1: var(--author-color-set-1-41);
}
yt-live-chat-text-message-renderer:has(#img[src*="p="]) {
--author-color-1: var(--author-color-set-1-42);
}
yt-live-chat-text-message-renderer:has(#img[src*="q="]) {
--author-color-1: var(--author-color-set-1-43);
}
yt-live-chat-text-message-renderer:has(#img[src*="r="]) {
--author-color-1: var(--author-color-set-1-44);
}
yt-live-chat-text-message-renderer:has(#img[src*="s="]) {
--author-color-1: var(--author-color-set-1-45);
}
yt-live-chat-text-message-renderer:has(#img[src*="t="]) {
--author-color-1: var(--author-color-set-1-46);
}
yt-live-chat-text-message-renderer:has(#img[src*="u="]) {
--author-color-1: var(--author-color-set-1-47);
}
yt-live-chat-text-message-renderer:has(#img[src*="v="]) {
--author-color-1: var(--author-color-set-1-48);
}
yt-live-chat-text-message-renderer:has(#img[src*="w="]) {
--author-color-1: var(--author-color-set-1-49);
}
yt-live-chat-text-message-renderer:has(#img[src*="x="]) {
--author-color-1: var(--author-color-set-1-50);
}
yt-live-chat-text-message-renderer:has(#img[src*="y="]) {
--author-color-1: var(--author-color-set-1-51);
}
yt-live-chat-text-message-renderer:has(#img[src*="z="]) {
--author-color-1: var(--author-color-set-1-52);
}
yt-live-chat-text-message-renderer:has(#img[src*="0="]) {
--author-color-1: var(--author-color-set-1-53);
}
yt-live-chat-text-message-renderer:has(#img[src*="1="]) {
--author-color-1: var(--author-color-set-1-54);
}
yt-live-chat-text-message-renderer:has(#img[src*="2="]) {
--author-color-1: var(--author-color-set-1-55);
}
yt-live-chat-text-message-renderer:has(#img[src*="3="]) {
--author-color-1: var(--author-color-set-1-56);
}
yt-live-chat-text-message-renderer:has(#img[src*="4="]) {
--author-color-1: var(--author-color-set-1-57);
}
yt-live-chat-text-message-renderer:has(#img[src*="5="]) {
--author-color-1: var(--author-color-set-1-58);
}
yt-live-chat-text-message-renderer:has(#img[src*="6="]) {
--author-color-1: var(--author-color-set-1-59);
}
yt-live-chat-text-message-renderer:has(#img[src*="7="]) {
--author-color-1: var(--author-color-set-1-60);
}
yt-live-chat-text-message-renderer:has(#img[src*="8="]) {
--author-color-1: var(--author-color-set-1-61);
}
yt-live-chat-text-message-renderer:has(#img[src*="9="]) {
--author-color-1: var(--author-color-set-1-62);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/A"]) {
--author-color-2: var(--author-color-set-1-1);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/B"]) {
--author-color-2: var(--author-color-set-1-2);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/C"]) {
--author-color-2: var(--author-color-set-1-3);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/D"]) {
--author-color-2: var(--author-color-set-1-4);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/E"]) {
--author-color-2: var(--author-color-set-1-5);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/F"]) {
--author-color-2: var(--author-color-set-1-6);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/G"]) {
--author-color-2: var(--author-color-set-1-7);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/H"]) {
--author-color-2: var(--author-color-set-1-8);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/I"]) {
--author-color-2: var(--author-color-set-1-9);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/J"]) {
--author-color-2: var(--author-color-set-1-10);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/K"]) {
--author-color-2: var(--author-color-set-1-11);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/L"]) {
--author-color-2: var(--author-color-set-1-12);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/M"]) {
--author-color-2: var(--author-color-set-1-13);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/N"]) {
--author-color-2: var(--author-color-set-1-14);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/O"]) {
--author-color-2: var(--author-color-set-1-15);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/P"]) {
--author-color-2: var(--author-color-set-1-16);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/Q"]) {
--author-color-2: var(--author-color-set-1-17);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/R"]) {
--author-color-2: var(--author-color-set-1-18);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/S"]) {
--author-color-2: var(--author-color-set-1-19);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/T"]) {
--author-color-2: var(--author-color-set-1-20);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/U"]) {
--author-color-2: var(--author-color-set-1-21);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/V"]) {
--author-color-2: var(--author-color-set-1-22);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/W"]) {
--author-color-2: var(--author-color-set-1-23);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/X"]) {
--author-color-2: var(--author-color-set-1-24);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/Y"]) {
--author-color-2: var(--author-color-set-1-25);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/Z"]) {
--author-color-2: var(--author-color-set-1-26);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/a"]) {
--author-color-2: var(--author-color-set-1-27);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/b"]) {
--author-color-2: var(--author-color-set-1-28);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/c"]) {
--author-color-2: var(--author-color-set-1-29);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/d"]) {
--author-color-2: var(--author-color-set-1-30);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/e"]) {
--author-color-2: var(--author-color-set-1-31);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/f"]) {
--author-color-2: var(--author-color-set-1-32);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/g"]) {
--author-color-2: var(--author-color-set-1-33);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/h"]) {
--author-color-2: var(--author-color-set-1-34);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/i"]) {
--author-color-2: var(--author-color-set-1-35);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/j"]) {
--author-color-2: var(--author-color-set-1-36);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/k"]) {
--author-color-2: var(--author-color-set-1-37);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/l"]) {
--author-color-2: var(--author-color-set-1-38);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/m"]) {
--author-color-2: var(--author-color-set-1-39);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/n"]) {
--author-color-2: var(--author-color-set-1-40);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/o"]) {
--author-color-2: var(--author-color-set-1-41);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/p"]) {
--author-color-2: var(--author-color-set-1-42);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/q"]) {
--author-color-2: var(--author-color-set-1-43);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/r"]) {
--author-color-2: var(--author-color-set-1-44);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/s"]) {
--author-color-2: var(--author-color-set-1-45);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/t"]) {
--author-color-2: var(--author-color-set-1-46);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/u"]) {
--author-color-2: var(--author-color-set-1-47);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/v"]) {
--author-color-2: var(--author-color-set-1-48);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/w"]) {
--author-color-2: var(--author-color-set-1-49);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/x"]) {
--author-color-2: var(--author-color-set-1-50);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/y"]) {
--author-color-2: var(--author-color-set-1-51);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/z"]) {
--author-color-2: var(--author-color-set-1-52);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/0"]) {
--author-color-2: var(--author-color-set-1-53);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/1"]) {
--author-color-2: var(--author-color-set-1-54);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/2"]) {
--author-color-2: var(--author-color-set-1-55);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/3"]) {
--author-color-2: var(--author-color-set-1-56);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/4"]) {
--author-color-2: var(--author-color-set-1-57);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/5"]) {
--author-color-2: var(--author-color-set-1-58);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/6"]) {
--author-color-2: var(--author-color-set-1-59);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/7"]) {
--author-color-2: var(--author-color-set-1-60);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/8"]) {
--author-color-2: var(--author-color-set-1-61);
}
yt-live-chat-text-message-renderer:has(img.yt-live-chat-author-badge-renderer[src*="com/9"]) {
--author-color-2: var(--author-color-set-1-62);
}
}
}