YouTube Chat Tints

Make YouTube Chat Tints

目前為 2022-12-31 提交的版本,檢視 最新版本

/* ==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);
        }
    }
}

QingJ © 2025

镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址