youtubeのサムネイルをセピア色にする。
youtubeサムネイル セピア by motonari728
Details
Authormotonari728
LicenseNo License
Categoryyoutube
Created
Updated
Size2.0 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name youtubeサムネイル セピア
@version 20231120.10.23
@namespace userstyles.world/user/motonari728
@description youtubeのサムネイルをセピア色にする。
@author motonari728
@license No License
==/UserStyle== */
@-moz-document url-prefix("https://www.youtube.com/") {
img {
filter: sepia(1);
}
/* div#thumbnail {
filter: sepia(1);
} */
yt-img-shadow#avatar {
filter: sepia(1);
}
/* Dearrow後のサムネ用 */
yt-image.ytd-thumbnail {
filter: sepia(1);
}
/* 動画コメント欄 */
.ytd-comments {
filter: sepia(1);
}
/* 生放送ページコメント */
div#chat-container {
filter: sepia(1);
}
/* 動画ページタイトル */
div#title {
filter: sepia(1);
}
/* 動画説明欄 */
#description {
filter: sepia(1);
}
/* 再生ページの本体ビデオ */
video.video-stream {
filter: sepia(0.4);
}
video:not(.video-stream) {
filter: sepia(1);
}
/* ショート動画 */
.short-video-container {
filter: sepia(1);
}
/* HomeのLiveの赤バッジ */
ytd-badge-supported-renderer.video-badge {
filter: sepia(1);
}
div#hover-overlays.ytd-thumbnail {
display: none;
}
/* Dearrow の元のサムネを表示ボタン */
/* Dearrow側で常に表示する設定にすることで、ガタガタを防止 */
button.cbShowOriginal.cbButton {
display: none;
}
img.cbShowOriginalImage {
display: none;
}
/* youtube 本体のvideoを非表示にして、mini playerを強制 */
div#container.style-scope.ytd-player video.video-stream.html5-main-video {
visibility:hidden;
}
/* Enhancer for Youtubeのpopup player */
iframe#pop-up-player {
filter: sepia(1);
max-width: 384px;
max-height: 216px;
}
}