The Best Winter Theme on Youtube
// ==UserScript==
// @name Winter Theme
// @name:zh-CN 油管自定义主题（肉桂狗和虚空骑士）
// @name:zh-TW 油管自定主題（肉桂狗和虛空騎士）
// @namespace Violentmonkey Scripts
// @version 1.02
// @description The Best Winter Theme on Youtube
// @description:zh-CN 油管上最好的冬季主题
// @description:zh-TW 油管上最好的冬季主題
// @author Zach Kosove
// @match *://www.youtube.com/*
// @grant GM_addStyle
// @icon https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/c78bc3fc-9f08-47ca-81ae-d89055c7ec49/db0enw6-92a4ff34-7247-45f1-8051-1ea40b2059ca.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2M3OGJjM2ZjLTlmMDgtNDdjYS04MWFlLWQ4OTA1NWM3ZWM0OVwvZGIwZW53Ni05MmE0ZmYzNC03MjQ3LTQ1ZjEtODA1MS0xZWE0MGIyMDU5Y2EucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.sSluklD5G6XB7s4jVPjj5XTLuSHTR_DTeRSOqwXyz6M
// @license MIT
// ==/UserScript==
(function() {
'use strict';
// Function to add styles
function addStyle(css) {
var head = document.head || document.getElementsByTagName('head')[0];
var style = document.createElement('style');
style.type = 'text/css';
style.appendChild(document.createTextNode(css));
head.appendChild(style);
}
// CSS styles
var customCSS = `
/* replace YT logo */
#logo-icon {
content: url("https://i.pinimg.com/originals/26/76/1b/26761bb6052727e18ddf0022bf45d7e6.gif") !important;
width: 85px !important;
height: 50px !important;
object-fit: cover !important;
}
/* hollow knight slider */
.ytp-scrubber-pull-indicator {
background-color: #fff0 !important;
height: 40px !important;
width: 45px !important;
background-image: url(https://media4.giphy.com/media/v1.Y2lkPTc5MGI3NjExNjExYjM5MDMxY2MwN2IwZDQ5ZjNlNjRlZDY2MGRjNjgwYzI1MGI2NSZjdD1z/Y8bAdBxtKREVcuDNyH/giphy.gif) !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 43px, 80px !important;
bottom: 18px !important;
left: -10px !important;
transform: rotate(0deg) !important;
transform: scale(-1.5, 1.5) !important;
border-radius: 30px !important;
}
/* sliderball */
.ytp-swatch-background-color {
background-color: #212a53 !important; /* Color for slider ball */
}
/* progress bar (videos) */
.ytp-cairo-refresh-signature-moments .ytp-play-progress {
background: #212a53 !important; /* Color for progress bar */
}
/* progress bar (thumbnails) */
ytd-thumbnail-overlay-resume-playback-renderer[enable-refresh-signature-moments-web] #progress.ytd-thumbnail-overlay-resume-playback-renderer {
background: #212a53 !important; /* Red color for thumbnail progress bar */
}
/* old progress bar (remove if the follow through with a/b testing) */
.ytp-play-progress,
.ytp-buffered-progress {
background-color: #212a53 !important; /* Match progress bar color to slider ball */
}
.ytp-settings-menu .ytp-menuitem-toggle-checkbox,
.ytp-autonav-toggle-button,
.yt-spec-icon-badge-shape__badge,
.iron-selected {
background-color: #212a53 !important; /* Maintain consistency */
}
.iron-selected .yt-chip-cloud-chip-renderer {
color: #fff !important;
}
.ytd-thumbnail-overlay-resume-playback-renderer {
background-color: #0b33e6 !important; /* Thumbnail overlay color */
}
.yt-core-attributed-string__link,
#channel-name,
yt-formatted-string.ytd-channel-name {
/* text and hyperlinks */
color: #5461a1 !important; /* Text and link color */
}
`;
addStyle(customCSS);
})();