Greasy Fork is available in English.

Winter Theme

The Best Winter Theme on Youtube

  1. // ==UserScript==
  2. // @name Winter Theme
  3. // @name:zh-CN 油管自定义主题(肉桂狗和虚空骑士)
  4. // @name:zh-TW 油管自定主題(肉桂狗和虛空騎士)
  5. // @namespace Violentmonkey Scripts
  6. // @version 1.02
  7. // @description The Best Winter Theme on Youtube
  8. // @description:zh-CN 油管上最好的冬季主题
  9. // @description:zh-TW 油管上最好的冬季主題
  10. // @author Zach Kosove
  11. // @match *://www.youtube.com/*
  12. // @grant GM_addStyle
  13. // @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
  14. // @license MIT
  15. // ==/UserScript==
  16.  
  17. (function() {
  18. 'use strict';
  19.  
  20. // Function to add styles
  21. function addStyle(css) {
  22. var head = document.head || document.getElementsByTagName('head')[0];
  23. var style = document.createElement('style');
  24. style.type = 'text/css';
  25. style.appendChild(document.createTextNode(css));
  26. head.appendChild(style);
  27. }
  28.  
  29. // CSS styles
  30. var customCSS = `
  31. /* replace YT logo */
  32. #logo-icon {
  33. content: url("https://i.pinimg.com/originals/26/76/1b/26761bb6052727e18ddf0022bf45d7e6.gif") !important;
  34. width: 85px !important;
  35. height: 50px !important;
  36. object-fit: cover !important;
  37. }
  38.  
  39. /* hollow knight slider */
  40. .ytp-scrubber-pull-indicator {
  41. background-color: #fff0 !important;
  42. height: 40px !important;
  43. width: 45px !important;
  44. background-image: url(https://media4.giphy.com/media/v1.Y2lkPTc5MGI3NjExNjExYjM5MDMxY2MwN2IwZDQ5ZjNlNjRlZDY2MGRjNjgwYzI1MGI2NSZjdD1z/Y8bAdBxtKREVcuDNyH/giphy.gif) !important;
  45. background-repeat: no-repeat !important;
  46. background-position: center !important;
  47. background-size: 43px, 80px !important;
  48. bottom: 18px !important;
  49. left: -10px !important;
  50. transform: rotate(0deg) !important;
  51. transform: scale(-1.5, 1.5) !important;
  52. border-radius: 30px !important;
  53. }
  54.  
  55. /* sliderball */
  56. .ytp-swatch-background-color {
  57. background-color: #212a53 !important; /* Color for slider ball */
  58. }
  59.  
  60. /* progress bar (videos) */
  61. .ytp-cairo-refresh-signature-moments .ytp-play-progress {
  62. background: #212a53 !important; /* Color for progress bar */
  63. }
  64.  
  65. /* progress bar (thumbnails) */
  66. ytd-thumbnail-overlay-resume-playback-renderer[enable-refresh-signature-moments-web] #progress.ytd-thumbnail-overlay-resume-playback-renderer {
  67. background: #212a53 !important; /* Red color for thumbnail progress bar */
  68. }
  69.  
  70. /* old progress bar (remove if the follow through with a/b testing) */
  71. .ytp-play-progress,
  72. .ytp-buffered-progress {
  73. background-color: #212a53 !important; /* Match progress bar color to slider ball */
  74. }
  75.  
  76. .ytp-settings-menu .ytp-menuitem-toggle-checkbox,
  77. .ytp-autonav-toggle-button,
  78. .yt-spec-icon-badge-shape__badge,
  79. .iron-selected {
  80. background-color: #212a53 !important; /* Maintain consistency */
  81. }
  82.  
  83. .iron-selected .yt-chip-cloud-chip-renderer {
  84. color: #fff !important;
  85. }
  86.  
  87. .ytd-thumbnail-overlay-resume-playback-renderer {
  88. background-color: #0b33e6 !important; /* Thumbnail overlay color */
  89. }
  90.  
  91. .yt-core-attributed-string__link,
  92. #channel-name,
  93. yt-formatted-string.ytd-channel-name {
  94. /* text and hyperlinks */
  95. color: #5461a1 !important; /* Text and link color */
  96. }
  97. `;
  98.  
  99. addStyle(customCSS);
  100. })();