Greasy Fork is available in English.
Make YouTube Chat Tints
< Feedback on YouTube Chat Tints
你在Stylus新增新的UserStyle
.style-scope.yt-live-chat-item-list-renderer::-webkit-scrollbar {
width: 8px;
}
.style-scope.yt-live-chat-item-list-renderer::-webkit-scrollbar-thumb {
background-color: #5cbfce;
}
感謝~最後有出效果，以下是過程報告
剛持續測試
www.youtube.com
https://www.youtube.com/live_chat
兩個都無法出現效果
-----
沒想到剛好chrome跳出Enhancer for YouTube™更新，裡面有個說明在DeepDark 主題的自訂卷軸
html {
scrollbar-color: var(--main-color, #c1c1c1) rgba(0, 0, 0, 0) !important;
scrollbar-width: thin !important;
}
有影響到效果，但仍無法隱藏，最後是改auto後，再加上您給的，就可以成功修改了!
不知道是不是YT新的佈局問題...
html {
scrollbar-color: auto ;
scrollbar-width: auto ;
}
.style-scope.yt-live-chat-item-list-renderer::-webkit-scrollbar {
width: 8px;
}
.style-scope.yt-live-chat-item-list-renderer::-webkit-scrollbar-thumb {
background-color: #5cbfce;
}
chrome跟其他瀏覽器不同。原因不明
找到原因了 chrome 在 121版 引入firefox的 scrollbar-width 特性 這個之前在Firefox才有
scrollbar-width 只有 auto, thin, none 三種選擇 隱藏的話，scrollbar-width: thin 改成 scrollbar-width: none 就可以
了解，反而造成不能自由修改~"~
這樣auto後，難怪就能自由用原本的::-webkit-scrollbar
對原版chrome越來越沒信心了，以後如果cent不更新被淘汰，不知道要用哪種版本..
感謝您~
其實Google (Chrome) 在推新版本的插件
新版本的插件就不能用UserScript了
Firefox表明不跟隨
其他不清楚
Cent還好吧，其實近一兩年的更新大多都沒用
不能用UserScript會哭...
Cent目前都還很OK，好用多了，只不過狂開YT時記憶體比較容易塞，但2月後似乎不能安裝擴充了，新版的擴充商店不能安裝，提示寫舊版商店1月底關閉
感謝告知~
不好意思，想詢問聊天室的Y卷軸的調整疑問
chrome失效(cent可以)
想要使其寬度縮小，都失敗
或是隱藏，會造成無法滾動
目前在chrome安裝版
Chrome 目前是最新版本
版本 121.0.6167.86 (正式版本) (64 位元)
使用檢查找到的是
yt-live-chat-item-list-renderer[allow-scroll] #item-scroller.yt-live-chat-item-list-renderer {
overflow-y: scroll;
padding-right: 0;
}
如果使用
yt-live-chat-item-list-renderer[allow-scroll] #item-scroller.yt-live-chat-item-list-renderer{overflow-y:hidden;}
關閉卷軸後會無法捲動
yt-live-chat-item-list-renderer[allow-scroll] #item-scroller.yt-live-chat-item-list-renderer{overflow:visible;}
一樣無法捲動(點選右側選項跳出後，會因為溢出才再次出現卷軸，此時可以拉動卷軸)
似乎在::-webkit-scrollbar的使用好像失效了
yt-live-chat-item-list-renderer[allow-scroll] #item-scroller.yt-live-chat-item-list-renderer::-webkit-scrollbar {width: 6px;}
或者用display: none;都無效
最後只能這樣勉強達成類似效果，把卷軸大半直接移出邊界...
margin:0px -10px 0px 0px;
後來發現是從YT首頁就整個::-webkit-scrollbar失效了
(其他網站可正常調整)
本身安裝的CSS
1.Hide scrollbar
2.XY卷軸美化
是不分網站調整webkit-scrollbar的，但在YT首頁也都失效
PS.body的捲軸，因為tabview，所以不會出現了
----
在Cent Browser
版本 5.0.1002.354 (正式版本) (32 位元) (Chromium 102.0.5005.167)
YT全部也都是可以調整-隱藏的
聊天室內用
#item-scroller.yt-live-chat-item-list-renderer::-webkit-scrollbar {display: none;}
yt-live-chat-item-list-renderer[allow-scroll] #item-scroller.yt-live-chat-item-list-renderer::-webkit-scrollbar {width: 6px;}
兩個都可以
圖片1是chrome無法修改
圖片2是cent