Greasy Fork is available in English.

YT聊天室影片背景圖

配合腳本Tabview,自用隨便改改,很多css元素找不到放棄

/* ==UserStyle==
@name           YT聊天室影片背景圖
@namespace      https://greasyfork.org/users/4839-leadra
@homepageURL	https://greasyfork.org/scripts/499132
@version        1.1.1
@description    配合腳本Tabview,自用隨便改改,很多css元素找不到放棄
@author         Leadra
@license MIT
@preprocessor stylus
@var checkbox   chat_back            "聊天室背景"                                  1
@var checkbox   tab_back            "資訊+評論背景"                                  1
@var checkbox   play_back            "播放器背景"                                  1

@var text        chat_url                      "聊天室URL"             ""https://raw.githubusercontent.com/leadra/pic/main/chat01.jpg""
@var color		chat_mask     				"聊天室背景亮度"          					rgba(0, 0, 0, .1)
@var number		chat_mask     				"聊天室背景透明度"          					[0.1, 0, 1, 0.1]
@var number		chat_sh     				"聊天室文字背景透明度"          					[0.1, 0, 1, 0.1, "px"]

@var text        tab_url                      "資訊+評論URL"             ""https://raw.githubusercontent.com/leadra/pic/main/chat01.jpg""
@var color		comments_mask     				"資訊+評論背景亮度"          					rgba(0, 0, 0, 0.05)
@var number		comments_mask     				"資訊+評論背景透明度"          					[0.0, 0, 1, 0.05]

@var text        play_url                      "播放器URL"             ""https://raw.githubusercontent.com/leadra/pic/main/play01.jpg""
@var color		play_mask     				"播放器背景透明度"          					rgba(0, 0, 0, 0.5)
@var number		play_mask     				"播放器背景透明度"          					[0.0, 0, 1, 0.05]

==/UserStyle== */


@-moz-document url-prefix("https://www.youtube.com/watch?v="), url-prefix("https://www.youtube.com/live/"), url-prefix("https://www.youtube.com/live_chat") {

/*聊天室*/
if chat_back {
	.style-scope.yt-live-chat-renderer.iron-selected {
            position: relative;
			background: url(chat_url)!important;
            background-size: cover !important;
            background-attachment: fixed !important;
	}
	.style-scope.yt-live-chat-renderer.iron-selected::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(0, 0, 0, chat_mask) !important;
            z-index: 0;
            pointer-events: none;
        }
        /*.style-scope.yt-live-chat-renderer.iron-selected > * {
            position: relative;
            z-index: 1;
        }*/
	}
	yt-live-chat-text-message-renderer #content {
    background-color:rgba(0, 0, 0,chat_sh);
}
/*
#chat-messages,#secondary {
    background: url(https://cdn.discordapp.com/attachments/943099687760715796/1257908530682269706/FB_IMG_1719973945630.jpg?ex=66861e1c&is=6684cc9c&hm=75da7958966f7b9997f198323a3a83853a952bc3269f7c44cbcf75ac95f8521d) no-repeat !important;
	background-size: cover !important;
}*/
	

/*影片區*/
if play_back {
#play {
    background: url(play_url)!important;
    background-size: cover !important;
	}
#ytd-play {
	background-color: rgba(0, 0, 0, play_mask) !important;
	}
}
/*右側表單tab*/
if tab_back {
#tab-comments,#tab-info{
	background: url(tab_url)!important;
	background-size: cover !important;
	text-shadow: 0 0 0.5px black, 0 0 0.5px black, 0 0 0.5px black, 0 0 0.5px black, 0 0 0.5px black, 0 0 0.5px black, 0 0 0.5px black, 0 0 0.5px black, 0 0 0.5px black, 0 0 0.5px black, 0 0 0.5px black, 0 0 0.5px black, 0 0 0.5px black, 0 0 0.5px black, 0 0 0.5px black, 0 0 0.5px black, 0 0 0.5px black, 0 0 0.5px black, 0 0 0.5px black, 0 0 0.5px black !important;
}

ytd-expander > #content{
		color:white;
text-shadow: 1px -1px 1px black, -1px  -1px  black, -1px  1px 1px black, 1px 1px 1px black,
 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black;
		}
		
//評論文字框tab-comments
.ytd-comment-view-model{
	background-color: rgba(0, 0, 0, comments_mask) !important;
		//color:white;
	& #content-text{
		color:white;
		}
	}	
}

}