Greasy Fork is available in English.
配合腳本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;
}
}
}
}