☰

ShadeRoot YT2

Google is at it again, but they'll never destroy your eyes while I'm alive.

  1. //
  2. // Written by Glenn Wiking
  3. // Script Version: 2.0.2c
  4. // Date of issue: 08/29/17
  5. // Date of resolution: 08/29/17
  6. //
  7. // ==UserScript==
  8. // @name        ShadeRoot YT2
  9. // @namespace   SRYT2
  10. // @description Google is at it again, but they'll never destroy your eyes while I'm alive.
  11. // @version     2.0.2c
  12. // @icon        https://i.imgur.com/jtqb6rP.png
  13.  
  14. // @include        http://*.youtube.*
  15. // @include        https://*.youtube.*
  16. // @include        http://*plus.google.*
  17. // @include        https://*plus.google.*
  18. // @include        http://*apis.google.*
  19. // @include        https://*apis.google.*
  20. // @include        http://*.appspot.*
  21. // @include        https://*.appspot.*
  22.  
  23. // @exclude        http://*.apiblog.*
  24. // @exclude        https://*.apiblog.*
  25. // ==/UserScript==
  26.  
  27. function ShadeRootYT2(css) {
  28.     var head, style;
  29.     head = document.getElementsByTagName('head')[0];
  30.     if (!head) { return; }
  31.     style = document.createElement('style');
  32.     style.type = 'text/css';
  33.     style.innerHTML = css;
  34.     head.appendChild(style);
  35. }
  36.  
  37. ShadeRootYT2(
  38. 	'html, iframe html {background: rgba(33, 20, 20, 1) !important;}'
  39. 	+
  40. 	'img {opacity: .88 !important;}'
  41. 	+
  42. 	'ytd-masthead, #masthead, ytd-app {background: #2a1f1f !important;}'
  43. 	+
  44. 	'form #container {background: #594040 !important;}'
  45. 	+
  46. 	'#text {color: #c62323 !important;}'
  47. 	+
  48. 	'#guide-icon, *[yt-icons:menu], yt-icon {color: #e6d0d0 !important;}'
  49. 	+
  50. 	'ytd-searchbox[mode="legacy"] #container.ytd-searchbox {box-shadow: inset 0 1px 2px rgb(53, 32, 32) !important; border: 1px solid #6e1717;}'
  51. 	+
  52. 	'ytd-searchbox[mode="legacy"][has-focus] #container.ytd-searchbox {border: 1px solid #95271a !important;}'
  53. 	+
  54. 	'ytd-searchbox[mode="legacy"] #container.ytd-searchbox {box-shadow: inset 0 1px 2px rgb(53, 32, 32) !important;}'
  55. 	+
  56. 	'#contents.ytd-section-list-renderer > .ytd-section-list-renderer:not(:last-child) {border-bottom: 1px solid #541616 !important;}'
  57. 	+
  58. 	'.sbsb_a {background: #683030 !important;}'
  59. 	+
  60. 	'.gsfs {font-size: 1.4rem !important; color: #ecd7d7 !important;}'
  61. 	+
  62. 	'.sbsb_c {padding: 1px 24px 0px 10px !important;}'
  63. 	+
  64. 	'iframe.sbdd_c {height: 50px !important;}'
  65. 	+
  66. 	'.sbsb_d {background: #555 !important;}'
  67. 	+
  68. 	'.sbdd_b {border: 1px solid #8d1515 !important;}'
  69. 	+
  70. 	'#sections {background: #2c1414 !important;}'
  71. 	+
  72. 	'#sections.ytd-guide-renderer > .ytd-guide-renderer:not(:last-child), .yt-sharing-renderer {border-bottom: 1px solid #531717 !important;}'
  73. 	+
  74. 	'#guide-spacer.ytd-app {margin-top: var(--ytd-masthead-height, 55px);}'
  75. 	+
  76. 	'a.yt-simple-endpoint.yt-formatted-string, #share-label.yt-sharing-renderer, .paper-input-container input, #author-text.yt-simple-endpoint.ytd-comment-renderer, .ytd-video-meta-block {color: #a82222 !important;}'
  77. 	+
  78. 	'ytd-searchbox[mode="legacy"] #container.ytd-searchbox input.ytd-searchbox {color: #ffe2e2 !important;}'
  79. 	+
  80. 	'#endpoint.yt-simple-endpoint.ytd-guide-entry-renderer:hover {background-color: #4a0c0c !important;}'
  81. 	+
  82. 	'.title.ytd-guide-entry-renderer, #title.ytd-shelf-renderer, #toggle.ytd-grid-renderer {color: #ecd4d4 !important;}'
  83. 	+
  84. 	'ytd-guide-entry-renderer {min-height: 28px !important; max-height: 28px !important;}'
  85. 	+
  86. 	'#endpoint.yt-simple-endpoint.ytd-guide-entry-renderer {min-height: 28px; max-height: 28px !important;}'
  87. 	+
  88. 	'#video-title.yt-simple-endpoint.ytd-grid-video-renderer, #video-title.ytd-video-renderer {color: #c61818 !important;}'
  89. 	+
  90. 	'#metadata-line.ytd-grid-video-renderer, #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer, yt-icon, .ytd-video-secondary-info-renderer, .description.ytd-video-secondary-info-renderer yt-formatted-string.ytd-video-secondary-info-renderer, ytd-toggle-button-renderer #button.ytd-toggle-button-renderer, .ytd-comments-header-renderer, .yt-dropdown-menu, .ytd-comment-renderer, ytd-button-renderer, .ytd-compact-video-renderer, .ytd-menu-renderer[button-renderer] + .ytd-menu-renderer[button-renderer], .ytd-menu-renderer[button-renderer] + template.ytd-menu-renderer + #button.ytd-menu-renderer, #top-level-buttons.ytd-menu-renderer:not(:empty) + #button.ytd-menu-renderer, button.ytd-masthead[is="paper-icon-button-light"], ytd-topbar-menu-button-renderer #button.ytd-topbar-menu-button-renderer, #button.ytd-notification-topbar-button-renderer {color: #ddc5c5 !important;}'
  91. 	+
  92. 	'#toggle.ytd-grid-renderer {margin-bottom: 4px !important;}'
  93. 	+
  94. 	'ytd-searchbox[mode="legacy"] #search-icon-legacy.ytd-searchbox {border-color: #8d1c1c !important; background-color: #aa1c1c !important;}'
  95. 	+
  96. 	'ytd-searchbox[mode="legacy"] #search-icon-legacy.ytd-searchbox:hover {background-color: #7e1c1c; !important;}'
  97. 	+
  98. 	'ytd-browse[persistent-guide] ytd-two-column-browse-results-renderer.ytd-browse {background: #211818 !important; padding: 0 2rem !important;}'
  99. 	+
  100. 	'yt-icon.ytd-badge-supported-renderer {color: #655d5c !important;}'
  101. 	+
  102. 	'yt-icon.ytd-badge-supported-renderer:hover {color: #4081d5 !important;}'
  103. 	+
  104. 	'yt-img-shadow.ytd-guide-entry-renderer, #author-thumbnail.ytd-comment-renderer yt-img-shadow.ytd-comment-renderer, #avatar.ytd-video-owner-renderer, #avatar.ytd-c4-tabbed-header-renderer {border-radius: 0px !important; opacity: .88 !important;}'
  105. 	+
  106. 	'ytd-watch {background: #201212 !important;}'
  107. 	+
  108. 	'.title.ytd-video-primary-info-renderer {font-size: 2rem !important; color: #b12323 !important;}'
  109. 	+
  110. 	'#upnext.ytd-compact-autoplay-renderer, #channel-title.ytd-c4-tabbed-header-renderer, #subscriber-count.ytd-c4-tabbed-header-renderer {color: #d8baba !important;}'
  111. 	+
  112. 	'span.yt-view-count-renderer, #video-title.ytd-newspaper-hero-video-renderer, .tab-content.paper-tab, #title, .title {color: #e3caca !important;}'
  113. 	+
  114. 	'ytd-video-primary-info-renderer, ytd-video-secondary-info-renderer, #placeholder-area.ytd-comment-simplebox-renderer, ytd-compact-autoplay-renderer {border-bottom: 1px solid #561515 !important;}'
  115. 	+
  116. 	'#like-bar.ytd-sentiment-bar-renderer {background: hsl(6.3, 77.4%, 24.3%) !important;}'
  117. 	+
  118. 	'yt-sharing-renderer {background: #3b1313 !important;}'
  119. 	+
  120. 	'.ytd-video-meta-block {color: #555 !important;}'
  121. 	+
  122. 	'#byline.ytd-video-meta-block, h3, h4, h5, h6 {color: #b32323 !important;}'
  123. 	+
  124. 	'#expander.ytd-comment-replies-renderer {color: #555 !important;}'
  125. 	+
  126. 	'.toggle-button.paper-toggle-button {background-color: #7b0c0c !important;}'
  127. 	+
  128. 	'app-drawer {width: 256px !important;}'
  129. 	+
  130. 	'#guide-content.ytd-app {background: #2C1414 !important;}'
  131. 	+
  132. 	'#footer.ytd-guide-renderer #guide-links-primary, #contents.ytd-browse-secondary-contents-renderer > .ytd-browse-secondary-contents-renderer:not(:first-child) {border-top: 1px solid #7a0e0e !important;}'
  133. 	+
  134. 	'.arrow.yt-horizontal-list-renderer {background-color: #a71b1b !important;}'
  135. 	+
  136. 	'paper-menu, ytd-popup-container, ytd-add-to-playlist-renderer {background: #500f0f !important; color: #ead6d6 !important;}'
  137. 	+
  138. 	'.ytd-menu-service-item-renderer, #label, .ytd-add-to-playlist-renderer, .index-message.ytd-playlist-panel-renderer, #byline.ytd-playlist-panel-video-renderer, .index-message {color: #ead6d6 !important;}'
  139. 	+
  140. 	'#header.ytd-add-to-playlist-renderer, #playlists.ytd-add-to-playlist-renderer {border-bottom: 1px solid #7e0707 !important;}'
  141. 	+
  142. 	'.toggle-bar.paper-toggle-button {background-color: #713f3f !important;}'
  143. 	+
  144. 	'.ytd-badge-supported-renderer {background: #2d1111 !important; color: #efd7d7 !important;}'
  145. 	+
  146. 	'.badge.badge-style-type-simple.style-scope.ytd-badge-supported-renderer {border: 1px solid #891818 !important;}'
  147. 	+
  148. 	'#scrim.app-drawer {background: rgba(150, 46, 46, 0) !important;}'
  149. 	+
  150. 	'app-drawer[opened] > #contentContainer.app-drawer {box-shadow: 8px 8px 8px #2a1414b3 !important;}'
  151. 	+
  152. 	'app-drawer.ytd-app:not([persistent]) #header.ytd-app, .ytd-multi-page-menu-renderer:not(:last-child) {border-bottom: 1px solid #6e1212 !important;}'
  153. 	+
  154. 	'ytd-menu-service-item-renderer:hover {background-color: #7e1f1f !important;}'
  155. 	+
  156. 	'#channel-header.ytd-c4-tabbed-header-renderer, #tabs-inner-container.ytd-c4-tabbed-header-renderer {background-color: #4b1515 !important;}'
  157. 	+
  158. 	'ytd-browse[page-subtype="channels"] {background: #1b1010 !important;}'
  159. 	+
  160. 	'ytd-subscribe-button-renderer[button-style="COMPACT_GRAY"] paper-button.ytd-subscribe-button-renderer {background-color: hsl(0, 69.5%, 38.6%) !important; color: hsla(0, 0%, 6.7%, .6) !important; font-weight: bold !important;}'
  161. 	+
  162. 	'paper-button.ytd-subscribe-button-renderer[subscribed] {background: hsl(0, 66.8%, 40.2%) !important; color: hsla(0, 12.5%, 9.4%, 0.9) !important;}'
  163. 	+
  164. 	'*[aria-label="Unsubscribe from this channel."] {background-color: hsl(0, 66.7%, 28.2%) !important; color: hsla(0, 25.9%, 5.3%, 0.8) !important;}'
  165. 	+
  166. 	'#subtitle.ytd-shelf-renderer, #message {color: #806868 !important;}'
  167. 	+
  168. 	'.header.ytd-playlist-panel-renderer {background-color: #3e2424 !important;}'
  169. 	+
  170. 	'.playlist-items.ytd-playlist-panel-renderer {background-color: #272727 !important;}'
  171. 	+
  172. 	'.ytd-video-meta-block {color: #716969 !important;}'
  173. 	+
  174. 	'#simplebox-placeholder.ytd-comment-simplebox-renderer {color: #555 !important;}'
  175. 	+
  176. 	'#guide-icon, *[yt-icons:menu], yt-icon, #account-name, .ytd-active-account-header-renderer, #email, textarea {color: #e6d0d0 !important;}'
  177. 	+
  178. 	'.ytd-active-account-header-renderer {background: #592525 !important;}'
  179. 	+
  180. 	'ytd-account-settings {background-color: #2d1919 !important;}'
  181. 	+
  182. 	'paper-item:hover {background-color: #691d1d !important;}'
  183. 	+
  184. 	'paper-button.yt-next-continuation {background: #711919 !important; color: #e7cdcd !important;}'
  185. 	+
  186. 	'#author-text .style-scope {color: #a71414 !important; font-weight: 600 !important; padding-right: 0.2rem !important;}'
  187. 	+
  188. 	'#hearted-thumbnail.ytd-creator-heart-renderer {width: 24px !important; height: 24px !important; margin: 5px !important;}'
  189. 	+
  190. 	'#author-text .style-scope::after {content: "-" !important; padding-left: .5rem !important;}'
  191. 	+
  192. 	'#hearted-thumbnail.ytd-creator-heart-renderer {width: 28px !important; height: 28px !important; margin: 3px !important;}'
  193. 	+
  194. 	'#hearted-border.ytd-creator-heart-renderer {right: -3px !important; bottom: -1px !important; width: 20px !important; height: 19px !important;}'
  195. 	+
  196. 	'#hearted.ytd-creator-heart-renderer {right: -3px !important; bottom: 0px !important; width: 20px !important; height: 18px !important;}'
  197. 	+
  198. 	'.unfocused-line.paper-input-container {background: #571616 !important;}'
  199. 	+
  200. 	'ytd-button-renderer.style-primary[is-paper-button] {background-color: hsl(2.2, 67.2%, 23.9%) !important;}'
  201. 	+
  202. 	'#account-name, #email, .description, h2, #result-count.ytd-search-sub-menu-renderer {color: #e6d0d0 !important;}'
  203. 	+
  204. 	'ytd-simple-menu-header-renderer {background-color: #571010 !important;}'
  205. 	+
  206. 	'#edit-buttons.ytd-c4-tabbed-header-renderer ytd-button-renderer.ytd-c4-tabbed-header-renderer {background-color: #aa1717 !important;}'
  207. 	+
  208. 	'ytd-toggle-button-renderer.style-compact-gray[is-paper-button] {background-color: hsl(0, 67%, 22.5%) !important;}'
  209. 	+
  210. 	'#contentContainer.app-header, #background.app-header {left: 16px !important;}'
  211. 	+
  212. 	'#primary-links.ytd-c4-tabbed-header-renderer, #secondary-links.ytd-c4-tabbed-header-renderer {background-color: hsla(0, 69.6%, 18%, 0.6) !important;}'
  213. 	+
  214. 	'#items.ytd-vertical-channel-section-renderer > .ytd-vertical-channel-section-renderer:not(:first-child) {padding-top: 8px !important;}'
  215. 	+
  216. 	'.sbsb_c.gsfs:hover {background: #541313 !important;}'
  217. 	+
  218. 	'#player-ads {display: none !important;}'
  219. 	+
  220. 	'.title.ytd-video-primary-info-renderer {font-size: 2.3rem !important;}'
  221. 	+
  222. 	'yt-view-count-renderer {font-size: 1.8rem !important;}'
  223. 	+
  224. 	'tp-paid-content-overlay, ideo-ads {display: none !important;}'
  225. 	+
  226. 	'.ytp-chrome-bottom {opacity: .92;}'
  227. 	+
  228. 	'.ytp-progress-bar {opacity: .7;}'
  229. 	+
  230. 	'.ytp-videowall-still.ytp-suggestion-set {filter: brightness(0.85);}'
  231. 	+
  232. 	'.standalone-collection-badge-renderer-icon {background-color: #5c0b0b !important;}'
  233. 	+
  234. 	'paper-button.ytd-subscribe-button-renderer {background-color: #830b0b !important;}'
  235. 	+
  236. 	'.style-scope.ytd-playlist-panel-renderer:hover {background: #1e1c1c !important;}'
  237. 	+
  238. 	'.html5-compatibility-table li {background: #5a1313 !important; box-shadow: 0 1px 1px #3c1717 !important;}'
  239. 	+
  240. 	'#name.ytd-author-comment-badge-renderer {color: #dd2525 !important;}'
  241. 	+
  242. 	'ytd-search-sub-menu-renderer {border-bottom: 1px solid #6e1a1a !important;}'
  243. 	+
  244. 	'.ytd-search-sub-menu-renderer {color: color: #EDD !important;}'
  245. 	+
  246. 	'.ytd-comment-renderer.creator {background: #512626 !important;}'
  247. );