marwanpro

DarkTube Blue Theme

Oct 6th, 2015
350
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 45.51 KB | None | 0 0
  1. @-moz-document url-prefix("https://plus.googleapis.com"), url-prefix("https://plus.google.com/u/0/_/sharebox/aclwidget/canvas"), domain("youtube.com"), regexp("(https|http)://(apis|plus).(google|googleapis).(com|([a-z]{2}))(.[a-z]{2})?/.*first_party_property=YOUTUBE.*"), regexp("(https|http)://(apis|plus).google.(com|([a-z]{2}))(.[a-z]{2})?/.*internalcard.*"), regexp("(https|http)://apis.google.com/.*/hovercard.*"), regexp("(https|http)://apis.google.com/.*/widget/render?.*&first_party_property=YOUTUBE.*"), regexp("(https|http)://plus.google.com/.*/widget/render/comments?.*"), regexp("(https|http)://plus.google.com/.*/notifications/frame?.*") {
  2. /*
  3.  * Name:    DarkTube with Blue Theme
  4.  * Author:  Nassty
  5.  * Version: 2.0.2.3
  6.  * Upgraded: Marwanpro
  7.  */
  8.  
  9. /* Background */
  10. #placeholder-player .player-api,html.floater:not([data-player-size='fullscreen']) #player #player-api,.watch-stage-mode #player, .watch-stage-mode #placeholder-player,.watch-stage-mode #theater-background,body, #player, #player-legacy, body>#body-container {
  11.     background: #101010 !important;
  12.     box-shadow: none !important;
  13. }
  14. /* Scrollbar Chrome*/
  15. *::-webkit-scrollbar {
  16.     width: 5px ! important;
  17.     height: 10px ! important;
  18.     background: #1e1e1e ! important;
  19.     border: 1px solid #252525 ! important;
  20. }
  21.  
  22. *::-webkit-scrollbar-button {
  23. display: none ! important;
  24. }
  25.  
  26. *::-webkit-scrollbar-thumb,
  27. *::-webkit-scrollbar-track {
  28. border: 0 ! important;
  29. box-shadow: none ! important;
  30. }
  31.  
  32. *::-webkit-scrollbar-thumb {
  33.     min-height: 28px ! important;
  34.     background: #333333 ! important;
  35. }
  36.  
  37. *::-webkit-scrollbar-corner,
  38. *::-webkit-scrollbar-track {
  39. background: #1e1e1e ! important;
  40. }
  41.  
  42. .ISc,
  43. .Pu5TY,
  44. .RWdWXd,
  45. .Tzc,
  46. .yt-spinner-img {
  47.     -webkit-animation: scaleout 1s infinite ease-in
  48. }
  49. @-webkit-keyframes scaleout {
  50.     0% {
  51.         -webkit-transform: scale(0)
  52.     }
  53.     100% {
  54.         -webkit-transform: scale(1);
  55.         opacity: 0
  56.     }
  57. }
  58. @keyframes scaleout {
  59.     0% {
  60.         transform: scale(0);
  61.         -webkit-transform: scale(0)
  62.     }
  63.     100% {
  64.         transform: scale(1);
  65.         -webkit-transform: scale(1);
  66.         opacity: 0
  67.     }
  68. }
  69. /*spinner replacement*/
  70.     @-webkit-keyframes scaleout {
  71.       0% {
  72.         -webkit-transform: scale(0.0)
  73.       }
  74.       100% {
  75.         -webkit-transform: scale(1.0);
  76.         opacity: 0;
  77.       }
  78.     }
  79.  
  80.     @keyframes scaleout {
  81.       0% {
  82.         transform: scale(0.0);
  83.         -webkit-transform: scale(0.0);
  84.       }
  85.       100% {
  86.         transform: scale(1.0);
  87.         -webkit-transform: scale(1.0);
  88.         opacity: 0;
  89.       }
  90.     }
  91.  
  92.     .yt-spinner-img {
  93.       width: 20px;
  94.       height: 20px;
  95.       margin: 0 auto;
  96.       background-image: none ;
  97.       background-color: red ;
  98.       border-radius: 100% ;
  99.       -webkit-animation: scaleout 1.0s infinite ease-in;
  100.       animation: scaleout 1.0s infinite ease-in;
  101.     }
  102. /* Logo */
  103. #masthead-logo img, #yt-masthead #logo-container .logo, .footer-logo img,#footer-logo .footer-logo-icon {
  104.     background: url(data:image/png;base64,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) 0 no-repeat!important;
  105.     background-size: contain!important;
  106.     opacity: 0.7 !important;
  107.     transition: opacity .3s !important;
  108. }
  109.  
  110. #masthead-logo img:hover, #yt-masthead #logo-container .logo:hover, .footer-logo img:hover,#footer-logo .footer-logo-icon:hover {
  111.     opacity: 1 !important;
  112.     transition: opacity .6s !important;
  113. }
  114. /* Masthead */
  115. #yt-masthead-container {
  116.     background: #131313 !important;
  117.     border-bottom: 1px solid #1A1A1A !important;
  118. }
  119. #yt-masthead-user #sb-button-notify {
  120.     background: none!important;
  121.     border: none!important;
  122. }
  123. /* Button */
  124. .monetize-with-ads.monetize-options-box,.Id>.eswd,#advanced-search-button,span.zVeWr.FnlLyd,.yt-uix-button-panel:hover .creator-bar-item .yt-uix-button-text-dark, .yt-uix-button-panel .creator-bar-item .yt-uix-button-text-dark:hover,.yt-uix-clickcard-card-border, .yt-uix-hovercard-card-border,.yt-uix-button-subscribed-unbranded,.yt-uix-button-subscribe-unbranded.yt-is-buffered, .yt-uix-button-subscribe-unbranded:active, .yt-uix-button-subscribe-unbranded.yt-uix-button-toggled, .yt-uix-button-subscribe-unbranded.yt-uix-button-active,.video-dds,.video-dds .topline,.yt-uix-form-input-select,.yt-uix-form-input-select-element,.yt-uix-form-input-select-element.license-input,.xPa.xN.d-y-r-c.d-k-l,.Gc.esw,.ffa.Dg.eaGJ0e,.Ut.Dg.gv1ztb,.b-c-R,.comments .paginator,button.yt-uix-button.yt-uix-button-size-default.yt-uix-button-subscribed-branded.yt-uix-button-has-icon.no-icon-markup.yt-uix-subscription-button.yt-can-buffer.hover-enabled,.yt-uix-button-subscribed-branded,.yt-uix-button-primary, .yt-uix-button-primary[disabled], .yt-uix-button-primary[disabled]:hover, .yt-uix-button-primary[disabled]:active, .yt-uix-button-primary[disabled]:focus,.yt-uix-button-default, .yt-uix-button-default[disabled], .yt-uix-button-default[disabled]:hover, .yt-uix-button-default[disabled]:active, .yt-uix-button-default[disabled]:focus, #search-btn:hover, .yt-uix-button-subscribe-unbranded, .yt-uix-button-subscribe-unbranded[disabled], .yt-uix-button-subscribe-unbranded[disabled]:hover, .yt-uix-button-subscribe-unbranded[disabled]:active, .yt-uix-button-subscribe-unbranded[disabled]:focus,.gssb_m,.gssb_e   {
  125.     border-color: #282828;
  126.     background: #1C1C1C;
  127.     color: #818181!important;
  128.     box-shadow: none!important;
  129.     text-shadow: none!important;
  130.     transition: background 0.6s, color 0.6s!important;
  131. }
  132. .gssb_e  {
  133.     border-top: 1px solid #131313!important;
  134. }
  135.  
  136. /* Button Hover */
  137. .metadata-button-hover.yt-uix-button,.yt-uix-button-default.yt-uix-button-toggled:hover,.comments .paginator:hover,.yt-uix-custom-thumbnail.yt-uix-button-hover,.Id>.eswa,#advanced-search-button:hover,span.zVeWr.FnlLyd,.xPa.xN.d-y-r-c.d-k-l:hover,.Gc.esw:hover,.ffa.Dg.eaGJ0e:hover,.Ut.Dg.gv1ztb:hover,.b-c-R:hover,.yt-uix-button-primary:hover,.yt-uix-button-default:hover, .yt-uix-button-text:hover,#upload-btn:hover, .yt-uix-button-subscribe-unbranded:hover {
  138.     background: #181818;
  139.     border: 1px solid #282828;
  140.     color: #555!important;
  141.     box-shadow: none!important;
  142.     text-shadow: none!important;
  143.     transition: background 0.3s, color 0.3s!important;
  144. }
  145. .subscribers-table .subscriber-count {
  146.     color: #555!important;
  147. }
  148.  
  149. #search-btn:hover {
  150.     border-left: none !important;
  151. }
  152. /* Search bar / text input */
  153. .subscriptions-filter .filter-field-container,.g-h-f-vc-B:hover,.c4-module-editor-form,html,div#widget_bounds,form.yt-uix-inlineedit-form.c4-shelf-form.c4-module-editor-form.branded-page-box.c4-shelf-form-playlist-dropdown-selected,.vm-bulk-actions-history-batch-selected,.dashboard-widget.notification, .dashboard-widget .dashboard-widget-content, .dashboard-widget .dashboard-widget-config,.mj .g-h-f-vc-B,.g-h-f-vc-B,textarea,textarea.yt-uix-form-input-textarea,.yt-channel-msg-dialog .compose-message,.yt-masthead-account-picker-option,.yt-masthead-account-picker-option:hover,.yt-uix-form-input-text.comment-search,#video-info .yt-uix-form-input-text.video-url-input-field,.yt-uix-form-input-text.location-input,.advanced-search-date .yt-uix-form-input-text,#vm-myvideos-search-box,#advanced-search-id-label .yt-uix-form-input-text, #advanced-search-title-label .yt-uix-form-input-text, #advanced-search-tag-label .yt-uix-form-input-text, #advanced-search-has-words-label .yt-uix-form-input-text,#channels-search-field,#masthead-search-term, #masthead-search-terms input, .share-panel-url, .wu,.cp,.yt-uix-form-input-text.share-panel-start-at-time,.yt-uix-form-input-text.share-embed-code,textarea.yt-uix-form-input-textarea.share-email-recipients,textarea.yt-uix-form-input-textarea.share-email-note,.share-email-preview-container{
  154.     background: #131313 !important;
  155.     color: #818181 !important;
  156. }
  157. input {
  158.     background: transparent!important;
  159.     color: #818181;
  160. }
  161. .LMN1VWC-G-g .LMN1VWC-G-d.LMN1VWC-G-e {
  162.     border: 1px solid #D7D7D7!important;
  163. }
  164. .g-h-f-vc-B:hover,.social-connector,.vm-bulk-actions-history-batches,.mj .g-h-f-vc-B,.g-h-f-vc-B,input,textarea,textarea.yt-uix-form-input-textarea,#comment-settings .comment-settings-section,.yt-dialog-fg, .yt-uix-overlay-fg,.yt-channel-msg-dialog .compose-message,.yt-uix-form-input-text.comment-search,#video-info .yt-uix-form-input-text.video-url-input-field,.yt-uix-form-input-text.location-input,.advanced-search-date .yt-uix-form-input-text,#advanced-search-id-label .yt-uix-form-input-text, #advanced-search-title-label .yt-uix-form-input-text, #advanced-search-tag-label .yt-uix-form-input-text, #advanced-search-has-words-label .yt-uix-form-input-text,#vm-myvideos-search-box, #vm-playlists-search-box, #vm-tags-search-box,.live-chat-widget .comments-textarea,#channels-search-field,.share-panel-url, .wu,.cp,.yt-uix-form-input-text.share-panel-start-at-time ,.yt-uix-form-input-text.share-embed-code,textarea.yt-uix-form-input-textarea.share-email-recipients ,textarea.yt-uix-form-input-textarea.share-email-note,.share-email-preview-container{
  165.     border: 1px solid #282828 !important;
  166. }
  167. .subscriptions-filter .filter-field-container {
  168.     border: 1px solid #282828!important;
  169. }
  170. .yt-uix-form-input-radio-container input:focus+.yt-uix-form-input-radio-element, .yt-uix-form-input-checkbox-container input:focus+.yt-uix-form-input-checkbox-element,.yt-uix-form-input-radio-element, .yt-uix-form-input-checkbox-element{
  171.     border: 1px solid #1C1C1C !important;
  172. }
  173. .sharing-balloon:after,.sharing-balloon:before,.sharing-balloon,.masthead-search-terms-border {
  174. border: none!important;
  175. box-shadow: none!important;
  176. }
  177. .yt-uix-form-input-checkbox-container input:checked+.yt-uix-form-input-checkbox-element {
  178.     background: no-repeat url(http://i.imgur.com/Hk3BSCv.png) -8px -2356px ! important;
  179.    
  180. }
  181. /* Black Icons - Inverting colors */
  182. .Gc.eswa .gr,.eswd .sm,.eswa .sm {
  183.     -webkit-filter: invert(0.35)!important;
  184.     -moz-filter: invert(0.35)!important;
  185.     filter: invert(0.35)!important;
  186. }
  187. .subscriptions-filter .filter-button .yt-uix-button-content,.yt-uix-button-default:before, .yt-uix-button-default .yt-uix-button-icon,.yt-uix-button-icon-upload-cancel,.comments .sprite_caret.up,.comments .sprite_caret.down,.yt-uix-button-icon-icon-account-settings,.track.attribution .license-button .track-action-icon,.track .play-pause-button.play-visible .track-action-icon, .track:hover .play-pause-button.play-hover .track-action-icon, .track.expanded .play-pause-button.play-hover .track-action-icon,.audio-ui-ad-badge,.yt-uix-button-icon-creator-editor-back,.add-to-widget .playlist-status, .add-to-widget .contains-all-selected-videos.to-be-removed .playlist-status, .add-to-widget .contains-some-selected-videos.to-be-removed .playlist-status,.add-to-widget .contains-all-selected-videos .playlist-status, .add-to-widget .to-be-added .playlist-status,.add-to-widget .private-icon,.add-to-widget .public-icon,.add-to-widget .addto-search-playlist-section .search-icon,.guidelines .yt-uix-expander .yt-uix-expander-arrow,.yt-help-icon,.yt-uix-button-icon-settings,.pl-header-privacy-only-me,.create-playlist-widget-form .yt-uix-button-has-icon[data-privacy-state=privacy-private]:before,.create-playlist-widget-form .yt-uix-button-has-icon[data-privacy-state=privacy-public]:before,.create-playlist-widget-form .yt-uix-button-has-icon[data-privacy-state=privacy-unlisted]:before,.c4-editor-plus:before,#creator-sidebar .studio-icon.creator-sidebar-live-streaming,.yt-uix-button-icon-vm-beauty-view,.yt-uix-button-icon-vm-list-view,.vm-search-btn .yt-uix-button-content,.Sgb,.create-playlist-widget-button .add-new-pl-btn:before,#watch7-subscription-container .channel-settings-link:before,.searchfield .search-icon,.sprite_send_message, .yt-uix-button-icon-sprite_send_message,.ytch-search-container .search-btn-component .yt-uix-button-content,#channel-search .show-search .search-icon,#footer .yt-uix-button-icon-footer-language,#footer .yt-uix-button-icon-footer-history,#footer .yt-uix-button-icon-questionmark,.yt-uix-menu.actions-menu,.live-chat-widget .chat-popout-menu:before, #moderator-actions-menu .chat-popout-menu:before,.live-comments-emoji-type-button.emoji_people,.live-comments-emoji-type-button.emoji_flora,.live-comments-emoji-type-button.emoji_things,.live-comments-emoji-type-button.emoji_transportation,.live-comments-emoji-type-button.emoji_symbols,.xN .d-y-r-c-Qa, .ena,.MJa,.LJa,.Ygb,.gr,.iI,.khb,.Qgb,.vKFgJc,.autoplay-bar .autoplay-info-icon,#masthead-search .search-btn-component .yt-uix-button-content,#yt-masthead-user .yt-uix-button-icon-bell, .addto-button:before, .action-panel-trigger-share:before,#action-panel-overflow-button:before, .action-panel-trigger-overflow:before,.play-all-icon-btn:before {
  188.     -webkit-filter: invert(0.7)!important;
  189.     -moz-filter: invert(0.7)!important;
  190.     filter: invert(0.7)!important;
  191. }
  192. .OCDF4W-a-e,.yt-uix-button-icon-dismissal,#gh-channel-settings-button,#c4-branding-dropdown,button.yt-uix-button.yt-uix-button-size-default.yt-uix-button-c4-view-action.yt-uix-button-empty.yt-uix-button-has-icon.no-icon-markup.yt-uix-inlineedit-edit.c4-visible-on-hover.c4-button-opacity.c4-editor-edit,.yt-uix-button-c4-view-action {
  193.     -webkit-filter: invert(0.91)!important;
  194.     -moz-filter: invert(0.91)!important;
  195.     filter: invert(0.91)!important;
  196. }
  197. #analyticsCard {
  198.     -webkit-filter: grayscale(1) invert(0.92)!important;
  199.     -moz-filter: grayscale(1) invert(0.92)!important;
  200.     filter: grayscale(1) invert(0.92)!important;
  201. }
  202. .LMN1VWC-kb-b .LMN1VWC-kb-c img, .LMN1VWC-kb-e .LMN1VWC-kb-c img {
  203.     -webkit-filter: invert(1) grayscale(0)!important;
  204.     -moz-filter: invert(1) grayscale(0)!important;
  205.     filter: invert(1) grayscale(0)!important;
  206. }
  207. /* Containers */
  208. /*Column ease-in*/
  209. #gh-banner,#channels-browse-content-grid,#player,#action-panel-details,#watch-header,#watch7-sidebar-contents,.vm-video-list li,.dashboard-widget-content,.creator-editor-nav,.creator-editor-content,.branded-page-box,.yt-card,body{
  210.     -webkit-animation-name: fadeIn;
  211.     -moz-animation-name: fadeIn;
  212.     -o-animation-name: fadeIn;
  213.     animation-name: fadeIn;
  214.     -webkit-animation-duration: 2.5s;
  215.     -o-animation-duration: 2.5s;
  216.     animation-duration: 2.5s;
  217.     -moz-animation-duration: 2.5s;
  218.     -webkit-animation-timing-function: cubic-bezier(0.2, 0.1, 0, 0.93);
  219.     -moz-animation-timing-function: cubic-bezier(0.2, 0.1, 0, 0.93);
  220.     -o-animation-timing-function: cubic-bezier(0.2, 0.1, 0, 0.93);
  221.     animation-timing-function: cubic-bezier(0.2, 0.1, 0, 0.93);
  222.     /*cubic-bezier(0.2, 0.1, 0, 0.93)*/
  223.     visibility: visible !important;
  224. }
  225.  
  226. @-webkit-keyframes fadeIn {
  227.     0%  {
  228.  
  229.     opacity: 0.0;
  230.     }
  231.  
  232.     100% {
  233.  
  234.     opacity: 1;
  235.     }
  236. }
  237.  
  238. @-moz-keyframes fadeIn {
  239.     0%  {
  240.  
  241.     opacity: 0.0;
  242.     }
  243.  
  244.     100% {
  245.  
  246.     opacity: 1;
  247.     }
  248. }
  249.  
  250. @-o-keyframes fadeIn {
  251.     0%  {
  252.  
  253.     opacity: 0.0;
  254.     }
  255.  
  256.     100% {
  257.  
  258.     opacity: 1;
  259.     }
  260. }
  261.  
  262. @keyframes fadeIn {
  263.     0%  {
  264.  
  265.     opacity: 0.0;
  266.     }
  267.  
  268.     100% {
  269.  
  270.     opacity: 1;
  271.     }
  272. }
  273.  
  274.  
  275.  
  276. #watch7-creator-bar,#action-panel-details,#watch-header,#appbar-guide-menu, .guide-flyout,.track-list li.track,#inline-editor-main,.account-container,.live-dashboard .player-controls-buttons,.video-list-item a:hover,.yt-uix-button-menu .yt-uix-button-menu-item.menu-subheading, .yt-uix-button-menu .yt-uix-button-menu-item.menu-subheading-notice,.yt-dialog-bg, .yt-uix-overlay-bg,#vm-pagination,.advanced-search-footer,.vm-list-view .vm-video-item-content,#non-appbar-vm-video-actions-bar .vm-video-actions-inner,#guide-container, #masthead-appbar, .feed-item-container.browse-list-item-container.yt-section-hover-container.compact-shelf.shelf-item.branded-page-box.clearfix,.feed-header, .all-comments, .all-comments a,.yt-uix-expander-ellipsis,.mj,.yJa,.BJa,.DJa {
  277.     background: #131313 !important;
  278. }
  279.  
  280.  
  281. .yt-card {
  282.     border: 1px solid #1A1A1A!important;
  283.     background: #131313;
  284. }
  285. /* Containers borders */
  286. #masthead-appbar {
  287.     border-bottom: 1px solid #1A1A1A !important;
  288. }
  289. .guide-pinned .guide-pinning-enabled #appbar-guide-menu {
  290.     border-right: 1px solid #1A1A1A;
  291. }
  292. .show-guide #appbar-guide-menu {
  293.     border-bottom: none;
  294.     border-right: 1px solid #1A1A1A;
  295.     box-shadow: none;
  296. }
  297. /* Separators */
  298. .yt-lockup-playlist-item,.watch-card-list td,.top-menu,.track-list li.track,#audio-ui-pagefold,.creator-editor-content #inline-editor-header,.creator-editor-header,.add-to-widget .playlists,.account-features-list tr,.dashboard-widget-todos .todo-description,#comment-settings .comment-settings-item,.subscribers-table td,#non-appbar-vm-video-actions-bar .vm-video-actions-inner,.guide-section-separator, #browse-items-primary .item-section>li>.yt-lockup-tile, .branded-page-v2-primary-col .branded-page-box, .section-list li .item-section .branded-page-box, .feed-header, .pl-video,.search-header{
  299.     border-bottom: 1px solid #1E1E1E ! important;
  300. }
  301. .creator-editor-nav {
  302.     border-bottom: 1px solid #171717 ! important;
  303. }
  304. .LMN1VWC-Z-a:first-child>ul,#dashboard-header-stats li {
  305.     border-right: 1px solid #1E1E1E! important;
  306. }
  307. .subscription-table-header,#audio-ui-pagefold,#enhance-footer,.ad-formats-overlay .ad-options-button-area,.yt-horizontal-rule,.LMN1VWC-q-h,.vm-bulk-actions-history-batch-failures-container, .vm-bulk-actions-history-batch-successes-container,.menu-item-top-divider,.yt-uix-languagepicker-search-container,.subscribers-table .subscribers-table-header {
  308.     border-top: 1px solid #1E1E1E !important;
  309. }
  310. .live-dashboard .checklist-item {
  311.     border-top: 1px solid #1E1E1E;
  312. }
  313. .about-metadata-label-border-top,.live-dashboard .checklist-remove-container {
  314.     border-top: none !important;
  315. }
  316. .yt-card .yt-uix-tabs,.metadata-editor-container .subnav {
  317.     border-bottom: 1px solid #171717 ! important;
  318. }
  319. .upload-thumb,.social-connector,.yt-alert-default.yt-alert-info, .yt-alert-actionable.yt-alert-info, .yt-alert-naked.yt-alert-info .yt-alert-icon, .yt-alert-small.yt-alert-info,.time-range .goog-combobox,.audio-ui-search-result-row:hover,.audio-ui-featured-row:hover,.commenthub .comments .mod-buttonbar .mod-button-content:hover,.analytics-sparkline-card:hover,.related-channels-editor:hover,.dashboard-widget-todos .todo-item:hover,.add-to-widget .addto-playlist-item:hover, .add-to-widget .create-playlist-item:hover, .add-to-widget .addto-playlist-item.yt-uix-kbd-nav-highlight{
  320.     background-color: #1C1C1C ! important;
  321. }
  322. .dashboard-widget-footer .dashboard-widget-view-all-link:hover {
  323.     background-color: #2A2A2A ! important;
  324. }
  325. .dashboard-widget-header:hover, .dashboard-widget .dashboard-widget-config .dashboard-widget-header, .dashboard-widget.yt-uix-dragdrop-dragged-item .dashboard-widget-header, .dashboard-widget.yt-uix-dragdrop-cursor-follower .dashboard-widget-header {
  326.     background-color: #2A2A2A ! important;
  327.         border-bottom: 1px solid #1E1E1E ! important;
  328. }  
  329.  
  330. /* Text items */
  331. .analytics-sparkline-card .infos .total,.c4-checklist-module .view-all-link,.Ub,.via .TD,#watch7-sidebar .watch-sidebar-head,.title,.comment-source,.guide-item, .branded-page-related-channels h3 a, .branded-page-related-channels h3, .GQb, .yt-default h1, .yt-default h2, .yt-default h3, .yt-default h4, .yt-default h5, .yt-default h6, h1.yt, h2.yt, h3.yt, h4.yt, h5.yt, h6.yt, .todo-title-text {
  332.     color: #818181!important;
  333.     transition: background 0.4s, color 0.2s!important;
  334. }
  335. .branded-page-related-channels h3 a:hover, .branded-page-related-channels h3 :hover {
  336.     color: #c2c2c2 !important;
  337. }
  338. /* Specials hover (w/ background) */
  339. .guide-flyout-trigger.on-hover, .guide-item:hover, .guide-item:hover .yt-deemphasized-text, .guide-collapsible-item .yt-uix-expander-head:hover {
  340.     background: #1A1A1A!important;
  341.     color: #c2c2c2 !important;
  342.     transition: background 0.3s, color 0.3s!important;
  343. }
  344. /* "Home" selected */
  345. #creator-sidebar .creator-sidebar-item.selected, #creator-sidebar .creator-sidebar-submenu .creator-sidebar-item.selected a:hover, #creator-sidebar .creator-sidebar-submenu a.creator-sidebar-section-link.selected, #creator-sidebar .creator-sidebar-single-section.selected a, #creator-sidebar .creator-sidebar-single-section.selected a:hover,.Gc.eswa,.guide-item.guide-item-selected, .guide-item.guide-item-selected:hover, .guide-item.guide-item-selected .yt-deemphasized-text, .guide-item.guide-item-selected:hover .yt-deemphasized-text {
  346.     background: #1c1c1c!important;
  347.     color: #BEBEBE!important;
  348. }
  349. /* Titles in guide-container (red) */
  350. li.guide-section h3,li.guide-section h3 a,li.guide-section h3:hover,li.guide-section h3 a:hover,.todo-title-text:hover {
  351.     color: #1C2C99!important;
  352.     font-weight: bold !important;
  353. }
  354. /* HD Badge*/
  355. .yt-badge-ad,.yt-badge,.yt-badge-live {
  356.     border: 1px solid #1E1E1E!important;
  357.     color: #818181!important;
  358.     background: transparent!important;
  359. }
  360. /* Red borders (selected) */
  361. .creator-editor-nav-tabs li.selected, .creator-editor-nav-tabs li:hover,#audio-ui-tab-header .yt-uix-tabs-tab.selected,a.yt-uix-button-epic-nav-item.partially-selected:hover, button.yt-uix-button-epic-nav-item:hover, button.yt-uix-button-epic-nav-item.selected, button.yt-uix-button-epic-nav-item.yt-uix-button-toggled, .epic-nav-item:hover, .epic-nav-item.selected, .epic-nav-item.yt-uix-button-toggled, .epic-nav-item-heading, a.yt-uix-button-epic-nav-item.selected, a.yt-uix-button-epic-nav-item.yt-uix-button-toggled, button.yt-uix-button-epic-nav-item.selected, button.yt-uix-button-epic-nav-item.yt-uix-button-toggled, .epic-nav-item.selected, .epic-nav-item.yt-uix-button-toggled, .epic-nav-item-heading, .yt-card .yt-uix-tabs .yt-uix-button:hover, .yt-card .yt-uix-tabs .yt-uix-button:active, .yt-card .yt-uix-tabs .yt-uix-button.yt-uix-button-active, .yt-card .yt-uix-tabs .yt-uix-button.yt-uix-button-toggled {
  362.     border-color: #1C2C99;
  363.     color: #c2c2c2!important;
  364. }
  365. .feed-header-feed-filter .yt-uix-button-epic-nav-item:hover,a.yt-uix-button-epic-nav-item:hover, a.yt-uix-button-epic-nav-item.selected, a.yt-uix-button-epic-nav-item.yt-uix-button-toggled {
  366.     border-color: #1C2C99!important;
  367. }
  368. /* Video title */
  369. .yt-ui-ellipsis {
  370.     background-color: transparent!important;
  371. }
  372. .yt-lockup-title a, .yt-lockup:hover a, .yt-lockup:hover .yt-lockup-meta a, .yt-lockup:hover .yt-lockup-description a {
  373.     color: #979797;
  374. }
  375. /* Important title */
  376. .yt-alert-message,.ad-options-overlay-form .helpable-preview,.comments-disabled-message,.tf,.branded-page-module-title a:visited, .branded-page-module-title a, .branded-page-module-title {
  377.     color: #b9b9b9!important;
  378. }
  379. .yt-default p, p.yt {
  380. color: #b9b9b9;
  381. }
  382. /* Links */
  383. a, .yt-uix-button-content {
  384.     color: #A4A4A4!important;
  385. }
  386. /* Hover links */
  387. .pl-video-title-link:hover,a.guide-item.yt-uix-sessionlink.yt-valign.spf-link,a.yt-uix-sessionlink.yt-ui-ellipsis.yt-ui-ellipsis-2.spf-link:hover,a:hover, a:focus, .video-list .video-list-item .title:hover,.gssb_i td,.branded-page-module-title a:hover {
  388.     text-decoration: none!important;
  389.     color: #b9b9b9!important;
  390. }
  391. /* Subscribe Button */
  392. .goog-combobox,.yt-subscription-button-subscriber-count-branded-horizontal, .yt-subscription-button-subscriber-count-unbranded-horizontal {
  393.     border: 1px solid #282828!important;
  394.     background-color: #1C1C1C!important;
  395. }
  396. .yt-subscription-button-subscriber-count-branded-horizontal.yt-uix-tooltip {
  397.     display: inline-block;
  398. }
  399. .yt-uix-button-subscribe-branded, .yt-uix-button-subscribe-branded[disabled], .yt-uix-button-subscribe-branded[disabled]:hover, .yt-uix-button-subscribe-branded[disabled]:active, .yt-uix-button-subscribe-branded[disabled]:focus, #appbar-guide-button-notification-check, .appbar-guide-notification {
  400.     color: #b9b9b9!important;
  401.     background-color: #741414!important;
  402.     -Webkit-filter: grayscale(0)!important;
  403.     -moz-filter: grayscale(0)!important;
  404.     filter: grayscale(0)!important;
  405.     transition: background-color 1s, color 1s, -Webkit-filter 1s, -moz-filter 1s,filter 1s !important;
  406.     border-top-right-radius: 0;
  407.     border-bottom-right-radius: 0;
  408. }
  409. .yt-uix-button-subscribe-branded:before, .yt-uix-button-subscribe-branded:hover {
  410.     color: #818181!important;
  411.     background-color: #282828!important;
  412.     transition: background-color 1s, color 1s, -Webkit-filter 1s, -moz-filter 1s,filter 1s !important;
  413.     -Webkit-filter: grayscale(1)!important;
  414.     -moz-filter: grayscale(1)!important;
  415.     filter: grayscale(1)!important;
  416. }
  417. .yt-uix-button-subscribe-branded:before {
  418.     -Webkit-filter: invert(.2)!important;
  419.     -moz-filter: invert(.2)!important;
  420.     filter: invert(.2)!important;
  421. }
  422. .live-dashboard .checklist-item-icon-get-app,.live-dashboard .checklist-item-icon-assessment,.live-dashboard .checklist-item-icon-credit-card,.live-dashboard .checklist-item-icon-live,.analytics-sparkline-card,.yt-uix-button-subscribe-branded:after {
  423.     -Webkit-filter: grayscale(1)!important;
  424.     -moz-filter: grayscale(1)!important;
  425.     filter: grayscale(1)!important;
  426. }
  427. /* Next/Previous button */
  428. .yt-channel-msg-dialog .yt-dialog-footer,.yt-masthead-picker-footer,.OCDF4W-W-h, .OCDF4W-W-c,.compact-shelf .yt-uix-button-shelf-slider-pager {
  429.     background: #1C1C1C!important;
  430. }
  431. .browse-list-item-container:hover .compact-shelf .yt-uix-button-shelf-slider-pager, .compact-shelf:hover .yt-uix-button-shelf-slider-pager {
  432.     border: 1px solid #282828!important;
  433. }
  434. /*Comments section in channel */
  435. .Wi.lg.via,.Xa,.ve {
  436.     background: #131313!important;
  437.     color: #b9b9b9!important;
  438.     border: none!important;
  439. }
  440. /* Channel hover */
  441. .nbc {
  442.     background-color: #131313!important;
  443.     border: 1px solid #282828!important;
  444.     color: #b9b9b9!important;
  445. }
  446. /* Comments */
  447. /* Channel owner */
  448. .Kgb, .Y8b .TD,.comments .channel-owner .comment-header .user-name {
  449.     background-color: #7F7F7F!important;
  450.     padding: 0px 2px!important;
  451.     border-radius: 3px!important;
  452.     color: #000000!important;
  453. }
  454. .Kgb:hover, .Y8b .TD:hover,.comments .channel-owner .comment-header .user-name:hover {
  455.     background-color: #4D4D4D!important;
  456. }
  457. .comments .comment-text .comment-text-content {
  458.     color: #6A6A6A!important;
  459. }
  460. /* Description */
  461. #watch-description {
  462.     color: #6C6C6C!important;
  463. }
  464. .yt-card .yt-uix-button-expander {
  465.     border-top: 1px solid #1A1A1A;
  466. }
  467. .watch-card-list tr:first-child td,#watch8-action-buttons {
  468.     border-top: 1px solid #171717;
  469. }
  470. /* Like Dislike Comment */
  471. .comments .comment-item:hover .mod-button .default-state:hover.sprite_like, .comments .comment-item:hover .mod-button .default-state:hover.sprite_dislike,.comments .comment-item:hover .mod-button .default-state:hover.sprite_like, .comments .comment-item:hover .mod-button .default-state:hover.sprite_like,.comments .comment-item .mod-button .default-state.sprite_like, .comments .comment-item .mod-button .default-state.sprite_dislike,.comments .sprite_like,.comments .comment-item:hover .mod-button .default-state.sprite_like, .comments .comment-item:hover .mod-button .default-state.sprite_dislike {
  472.     opacity: 1!important;
  473. }
  474. .comments .sprite_like_on,.comments .sprite_dislike_on {
  475.     -webkit-filter: invert(0.5)!important;
  476.     -moz-filter: invert(0.5)!important;
  477.     filter: invert(0.5)!important;
  478. }
  479.  
  480. /* Like - Dislike Color */
  481.  
  482. .video-extras-sparkbar-likes { background: rgb(68, 104, 48) !important; }
  483. .video-extras-sparkbar-dislikes { background: rgb(116, 28, 28) !important; }
  484.  
  485. .like-button-renderer-like-button.yt-uix-button:active:before, .like-button-renderer-like-button.yt-uix-button.yt-uix-button-toggled:before {
  486.     background: no-repeat url(http://i.imgur.com/fUQgOM2.png) 0 -184px!important;
  487. }
  488.  
  489. .like-button-renderer-dislike-button.yt-uix-button:active:before, .like-button-renderer-dislike-button.yt-uix-button.yt-uix-button-toggled:before {
  490.     background: no-repeat url(http://i.imgur.com/fUQgOM2.png) 0 -202px!important;
  491. }
  492.  
  493. .like-button-renderer-dislike-button:before {
  494.     background: no-repeat url(http://i.imgur.com/KxkJKLZ.png) 0 -175px!important;
  495. }
  496.  
  497. .like-button-renderer-like-button:before {
  498.     background: no-repeat url(http://i.imgur.com/KxkJKLZ.png) 0 -142px!important;
  499. }
  500.  
  501. .like-button-renderer-like-button:active .yt-uix-button-content, .like-button-renderer-like-button.yt-uix-button-toggled .yt-uix-button-content {
  502.     color: #767676!important;
  503. }
  504.  
  505. #watch8-action-buttons .yt-uix-button, #watch8-action-buttons .yt-uix-button:hover, #action-panel-dismiss, #action-panel-dismiss:hover {
  506.     color: #767676 ! important;
  507. }
  508.  
  509. .RN.Nza.E5,.yt-simplebox-text,.yt-commentbox-text, .yt-simplebox-text {
  510.     margin: 0 0 0 22px;
  511.     border: 1px solid #1B1B1B;
  512.     padding: 0px 25px 0px 5px;
  513.     min-height: 48px;
  514.     line-height: 20px;
  515.     overflow: auto;
  516.     resize: vertical;
  517.     background-color: #131313;
  518.     border-radius: 0px;
  519.     color: #505050;
  520.     white-space: pre-wrap;
  521.     margin-left: 65px;
  522.     transition: border .1s ease-out, color .1s ease-out;
  523. }
  524. .E5, .e4,.RN.Nza.E5:focus,.yt-commentbox-text:focus, .yt-simplebox-text:focus {
  525.     background-color: #131313;
  526.     border: 1px solid #282828;
  527.     color: #868686;
  528.     transition: border .3s ease-out, color .1s ease-out;
  529. }
  530.  
  531. .yt-uix-card-border-arrow-horizontal,.yt-uix-card-body-arrow-horizontal,.Mga,.Jea,.yt-commentbox-arrow-outer, .yt-simplebox-arrow-outer {
  532.     top: 0;
  533.     left: 0;
  534.     position: absolute;
  535.     border: none;
  536.     border-bottom-color: transparent;
  537.     border-left-color: transparent;
  538. }
  539.  
  540. .yt-commentbox-text:focus+.yt-commentbox-arrow .yt-commentbox-arrow-outer, .yt-simplebox-text:focus+.yt-simplebox-arrow .yt-simplebox-arrow-outer {
  541.     border-top-color: #282828;
  542.     border-right-color: #282828;
  543. }
  544.  
  545. #yt-comments-sb-standin .box {
  546.     padding: 5px 10px;
  547.     border: 1px solid rgb(27, 27, 27) ! important;
  548.     border-top: 1px solid #d5d5d5;
  549.     min-height: 35px;
  550.     background-color: rgb(19, 19, 19) ! important;
  551.     border-radius: 0px;
  552.     color: #707070 ! important;
  553.     cursor: pointer;
  554.     font-size: 13px;
  555.     text-align: left;
  556.     box-shadow: none;
  557. }
  558. .yt-commentbox-arrow-inner, .yt-simplebox-arrow-inner, #yt-comments-sb-standin .callout-inner {
  559.     border:none!important;
  560. }
  561. #yt-comments-sb-standin .callout-outer {
  562.     border: none;
  563. }
  564. .comments .comment-entry {
  565.     position: relative;
  566.     padding: 17px 0px 11px;
  567.     line-height: 17px;
  568.     border-bottom: 1px solid #181818 ! important;
  569. }
  570. /* Rounded Avatars */
  571. .comments .comment-item .user-photo {
  572.     background-color: #131313;
  573.     border-radius: 100%;
  574. }
  575. .yt-thumb img {
  576.     border-radius: 100%!important;
  577. }
  578. img[width="196"], img[width="170"], img[width="120"], img[width="72"], img[width="110"],img[width="370"],img[width="224"],img[width="106"],img[width="288"],img[width="80"],img[width="150"],img[width="150"] [height="84"],img[width="50"],img[width="402"],img[width="124"]{
  579.     border-radius: 0px!important;
  580. }
  581. .yt-thumb {
  582.     background: transparent!important;
  583. }
  584. /* Special Separators */
  585. #watch7-sidebar .watch-sidebar-separation-line,.branded-page-v2-subnav-container {
  586.     border-bottom: 1px solid #2A2A2A!important;
  587. }
  588. #watch7-sidebar .watch-sidebar-body .video-list-item:last-child {
  589.     border-bottom: none!important;
  590. }
  591. /* Autoplay */
  592. .yt-uix-checkbox-on-off input[type=checkbox]:checked+label {
  593.     background-color: rgb(131, 16, 10)!important;
  594. }
  595. .yt-uix-checkbox-on-off label {
  596.     background: #2A2A2A!important;
  597. }
  598. .yt-uix-checkbox-on-off .toggle {
  599.     background: #C4C4C4!important;
  600. }
  601. /* Videos list when playing a video */
  602. .video-list-item {
  603.     position: relative;
  604.     margin-bottom: 12px;
  605.     padding: 0px 0px 10px;
  606. }
  607. /* Red */
  608. .show-guide #appbar-guide-button .yt-uix-button-arrow, .yt-legacy-css .show-guide #masthead-positioner:hover #appbar-guide-button .yt-uix-button-arrow {
  609.     border-top-color: #1C2C99;
  610. }
  611. .show-guide .yt-uix-button-icon-appbar-guide, .show-guide #masthead-positioner:hover .yt-uix-button-icon-appbar-guide {
  612.     opacity: .5!important;
  613. }
  614. .comments .like-count,.bmd {
  615.     color: #AFAFAF!important;
  616. }
  617. .hOc,.yt-uix-sessionlink:hover,.yt-uix-redirect-link:hover,.user-name.g-hovercard:hover {
  618.     color: #b9b9b9!important;
  619. }
  620. /* Watched video */
  621. .watched-badge {
  622.     opacity: .9!important;
  623.     position: absolute!important;
  624.     font-size: 200%!important;
  625.     background-color: rgb(15, 15, 15)!important;
  626.     height: 100%!important;
  627.     width: 100%!important;
  628.     text-align: center!important;
  629.     line-height: 100px!important;
  630.     text-shadow: 0 0 5px #000!important;
  631.     top: 0!important;
  632.     left: 0!important;
  633.     color: #AFAFAF!important;
  634.     transition: .4s!important
  635. }
  636. .watched-badge:hover {
  637.     opacity: 0!important;
  638.     transition: .5s!important
  639. }
  640. /* Notification (G+) */
  641. #yt-masthead-user .sb-notif-on .yt-uix-button-content {
  642.     background: #1C2C99!important;
  643.     border: none!important;
  644.     color: #ACACAC!important;
  645. }
  646. /* Suscribed Channel */
  647. .b-c-Ba.b-c-I,button.yt-uix-button.yt-uix-button-size-default.yt-uix-button-subscribed-unbranded.yt-uix-button-has-icon.no-icon-markup.yt-uix-subscription-button.yt-can-buffer.hover-enabled,button.yt-uix-button.yt-uix-button-size-default.yt-uix-button-subscribed-unbranded.yt-uix-button-has-icon.no-icon-markup.yt-uix-subscription-button.yt-can-buffer.hover-enabled:focus {
  648.     background-color: #1C1C1C!important;
  649.     border: 1px solid #282828!important;
  650.     opacity: .6!important;
  651. }
  652. /* My channel */
  653. .channel-header .secondary-header-contents {
  654.     background-color: #1C1C1C!important;
  655.     border-bottom: 1px solid #282828!important;
  656. }
  657. .secondary-header-contents .nav-text,.view-as-menu-text,.multirow-shelf .yt-uix-expander-head {
  658.     color: #b9b9b9!important;
  659. }
  660. .yt-uix-clickcard-card-reverse .yt-uix-card-border-arrow-vertical, .yt-uix-hovercard-card-reverse .yt-uix-card-border-arrow-vertical,.yt-uix-clickcard-card.yt-masthead-multilogin .yt-uix-card-body-arrow,#c4-header-bg-container {
  661.     border-bottom: 1px solid #282828!important;
  662.     background-color: #1C1C1C;
  663. }
  664. .yt-uix-button-c4-view-action.yt-uix-button-destructive {
  665.     background-color: #F4F4F4!important;
  666. }
  667. /* Grayscales */
  668. .c4-checklist-module .checklist-item.active .todo-icon {
  669.     -webkit-filter: grayscale(1)!important;
  670.     -moz-filter: grayscale(1)!important;
  671.     filter: grayscale(1)!important;
  672. }
  673. /* PopUps */
  674. .yt-dialog-fg-content, .yt-uix-overlay-fg-content {
  675.     color: #818181!important;
  676.     background-color: #1C1C1C!important;
  677. }
  678. .ad-formats-overlay .ad-options-button-area,.yt-uix-overlay-actions {
  679.     background: #1C1C1C!important;
  680.     border-top: 1px solid #282828!important;
  681. }
  682. .yt-dialog-fg-content .yt-dialog-title, .yt-uix-overlay-fg-content .yt-dialog-title {
  683.     color: #b9b9b9!important;
  684. }
  685. /* Playlist */
  686. .pl-header-thumb .pl-header-play-all-overlay {
  687.     text-shadow: none!important;
  688.     text-transform: uppercase!important;
  689. }
  690. /* Google+ Notifications */
  691. #sb-container,.Ata,.eFa.Nac,.pH4Gee.HEAp2c,.xwb.FGdvQc.MWa.XwibA.kPa, body.Vzc.Mb,.Rzc, .zwb.wac.Kub,.nfe{
  692.     background-color: #131313!important;
  693.     overflow: hidden!important;
  694.     box-shadow: none ! important;
  695. }
  696.  
  697. .sb-card-border {
  698.     border: none;
  699. }
  700. .sb-on {
  701.     background: none repeat scroll 0 0 #131313!important;
  702.     border: 1px solid #3D3D3D!important;
  703.     box-shadow: none!important;
  704.     overflow: hidden!important;
  705. }
  706. .MNn0h {
  707.     border-color: #282828!important;
  708.     background: #1C1C1C! important;
  709.     color: white!important;
  710.     box-shadow: none!important;
  711.     transition: background 0.6s, color 0.6s!important;
  712. }
  713. .MNn0h:hover,.YGETNc:hover{
  714.     border-color: white!important;
  715.     border-right:none!important;
  716.     border-left:none!important;
  717.     border-bottom:none!important;
  718.     background: #1C1C1C;
  719.     color: white!important;
  720.     box-shadow: none!important;
  721.     transition: background 0.6s, color 0.6s!important;
  722. }
  723. .MNn0h:hover .YGETNc, .MNn0h.RATVS .YGETNc, .y9fV .YGETNc,.sf010c {
  724.     color: #b9b9b9!important;
  725.     box-shadow: none ! important;
  726.  
  727. }
  728. .xac,.f4a, .aac,.f4a.tta,.Cx.fr,.IO {
  729.     border: none!important;
  730.     background-color: #1C1C1C!important;
  731.     border-radius: 0!important;
  732.     box-shadow: none ! important;
  733.  
  734. }
  735. .track:hover .audiolibrary-track-head .audiolibrary-column,.audiolibrary-column-title, .audiolibrary-column-title-expand,#pl-header .pl-header-title,.yt-uix-form-list-option li,#comment-settings .comment-settings-title,.subscriber-privacy-message,.yt-masthead-picker-name,.Hub, .SR,.vy, .bS,.xN .d-y-r-c-ha, .Pga.d-A .d-A-B {
  736.     color: #818181! important;
  737.     box-shadow: none ! important;
  738.  
  739. }
  740. .track:hover .audiolibrary-track-head .audiolibrary-column .popularity-bar, .track.loading .audiolibrary-track-head .audiolibrary-column .popularity-bar, .track.expanded .audiolibrary-track-head .audiolibrary-column .popularity-bar,.yt-masthead-account-picker.yt-uix-clickcard-card-content,.tQb,.Kza, .Kza:before,.Kza:after,.WR,.vy, .bS{
  741.     background: #1C1C1C!important;
  742. }
  743. .Jub,.dn ,.Aq{
  744.     color: #b9b9b9! important;
  745.     box-shadow: none ! important;
  746.  
  747. }
  748. .LSc.WA9Wx,.d-s.vq.Bl {
  749.     background-color: #131313!important;
  750.     overflow: hidden!important;
  751.     box-shadow: none ! important;
  752.  
  753. }
  754. .fr>.vt {
  755.     border-top: 1px solid #232323!important;
  756. }
  757. .sb-card-arrow, .sb-card-body-arrow {
  758.     border: none!important;
  759. }
  760. .Mb .MNn0h {
  761.     border-bottom: 1px solid #282828!important;
  762. }
  763. .ve {
  764.     border-radius: 0!important;
  765.     background-color: #131313!important;
  766.     border: 1px solid #232323;
  767. }
  768. .Fr>.Qp {
  769.     border-top: 1px solid #2D2D2D;
  770. }
  771. /* Items */
  772. .comments .mod-list-button,.yt-ui-menu-item {
  773.     color: #818181!important;
  774.     background: #131313!important;
  775. }
  776.  
  777. /* Hover */
  778. .comments .mod-list-button:hover,.yt-uix-menu-trigger-selected .yt-ui-menu-item:hover, .yt-ui-menu-item:hover {
  779.     background: #131313!important;
  780.     color: #b9b9b9!important;
  781. }
  782.  
  783. .yt-uix-button-default:active, .yt-uix-button-default.yt-uix-button-toggled, .yt-uix-button-default.yt-uix-button-active, .yt-uix-button-default.yt-uix-button-active:focus, .yt-uix-button-text:active {
  784.     border-color: #282828;
  785.     background: #292929;
  786.     box-shadow: inset 0 1px 0 #ddd;
  787. }
  788. /* Search results preview */
  789. .gssb_i td {
  790. background: rgb(34, 34, 34) ! important;
  791. color: #a0a0a0 ! important;
  792. }
  793. /* Live chat */
  794. .live-comments-emoji-picker-right-tab-cell,.live-comments-emoji-picker-tab-cell,.live-chat-widget .comment:nth-of-type(2n),.live-chat-widget .comment {
  795.     background-color: #131313 ! important;
  796. }
  797. .live-chat-widget .comment-text {
  798.     color: #717171!important;
  799. }
  800. .live-chat-widget #comments-scroller ,.vm-list-view .vm-video-item-content{
  801.     border-bottom: 1px solid #1A1A1A!important;
  802. }
  803. .live-chat-widget #live-comments-setting-bottom-scroll {
  804.     color: #BBB!important;
  805.     background-color: rgba(48, 48, 48, 0.9)!important;
  806. }
  807. /* footer*/
  808. .yt-uix-clickcard-card.yt-masthead-multilogin .yt-masthead-picker-header, .yt-uix-clickcard-card.yt-masthead-multilogin .yt-masthead-multilogin-users-header,body #footer-container,.yt-picker-hr {
  809.     background-color: #101010!important;
  810.     border-top: 1px solid #282828!important;
  811. }
  812. #footer-main,.yt-picker-header {
  813.     border-bottom: 1px solid #282828!important;
  814. }
  815. #yt-picker-country-footer, #yt-picker-language-footer, #yt-picker-safetymode-footer {
  816.     background: #1C1C1C!important;
  817. }
  818. p,.ad-formats-overlay .important-note,.ad-format.true-view,.ad-format.overlay,.yt-picker-content strong,.upload-failure {
  819.     color: #818181!important;
  820. }
  821. /* Admin Page */
  822. #creator-sidebar .creator-sidebar-section a:hover {
  823.     background: #1A1A1A!important;
  824. }
  825. .vm-list-view .vm-video-metrics a:hover,.metadata-tab {
  826.     background: #131313!important;
  827. }
  828. .monetization-settings label {
  829.     color: #818181;
  830. }
  831. .tabbed-page .tab.active {
  832.     border-top: 3px solid #1C2C99!important;
  833.     border-bottom: 1px solid #282828!important;
  834.     background-color: #1C1C1C!important;
  835. }
  836. .tabbed-page .tab {
  837.     border-bottom: 1px solid #282828!important;
  838.     background-color: #1C1C1C!important;
  839.     border-top: 1px solid #282828!important;
  840.     border-right: 1px solid #282828!important;
  841. }
  842. .tabbed-page .tabs-wrapper {
  843.     border-left: 1px solid #282828!important;
  844. }
  845. .tabbed-page .options-bar {
  846.     border-bottom: 1px solid #1A1A1A;
  847. }
  848. .tabbed-page .tabs-area {
  849.     border-bottom: 1px solid #282828;
  850. }
  851. .vm-beauty-view .vm-video-item-content {
  852.     background: #1C1C1C!important;
  853.     box-shadow: 0 2px 5px #242424!important;
  854. }
  855. /* etc */
  856. .guide-item:hover .guide-count {
  857.     color: #767676!important;
  858. }
  859. .progress-bar-background {
  860.     border: #2C2C2C 1px solid!important;
  861. }
  862. .progress-bar-uploading .progress-bar-progress {
  863.     border: 1px solid #D3D3D3!important;
  864.     -webkit-filter: invert(1) grayscale(1)!important;
  865.     -moz-filter: invert(1) grayscale(1)!important;
  866.     filter: invert(1) grayscale(1)!important;
  867. }
  868. .live-welcome-intro {
  869.     background: #131313;
  870.     border-bottom: 1px solid #1A1A1A;
  871. }
  872. #audio-ui-search-input-field {
  873.     background-color: #131313;
  874.     border: #131313 1px solid;
  875. }
  876. #audio-ui-selection,#audio-ui-search-results-header th,#featured-tracks-header {
  877.     border: 1px solid #282828;
  878.     background-color: #1C1C1C;
  879. }
  880. .upload-thumb,.audio-ui-featured-row {
  881.     border: 1px solid #282828;
  882.     box-shadow: none;
  883. }
  884. .tag,.yt-chip,.yt-uix-form-input-select:hover, .yt-uix-form-input-text:hover, .yt-uix-form-input-textarea:hover,.yt-uix-form-input-select, .yt-uix-form-input-text, .yt-uix-form-input-textarea ,.comments .comment-item:hover .mod-buttonbar, .comments .comment-item:hover .mod-buttonbar .mod-button {
  885.     border-color: #282828;
  886.     box-shadow: none;
  887. }
  888. .LMN1VWC-Z-c,.LMN1VWC-q-a {
  889.     border: 1px solid #363636!important;
  890.     background: #141414!important;
  891. }
  892. .LMN1VWC-K-h .datePickerWeekdayLabel, .LMN1VWC-K-h .datePickerWeekendLabel, .LMN1VWC-K-h .datePickerDay {
  893.     background-color: #EEEEEE;
  894. }
  895. .LMN1VWC-K-h .datePickerDayIsValue {
  896.     background-color: #363636!important;
  897. }
  898. #comment-settings .comment-settings-header {
  899.     background-color: #0D0D0D!important;
  900. }
  901. .watch-editable:hover {
  902.     background-color: transparent!important;
  903. }
  904. #header #ad_creative_1,#header,#a11y-announcements-message, .video-masthead-v2 {
  905.     display: none!important;
  906. }
  907. .dashboard-widget-todos .todo-item {
  908.     border: 1px solid #131313!important;
  909.     border-bottom: 1px solid #131313!important;
  910. }
  911. #watch7-sidebar .watch-sidebar-section {
  912.     margin: 0 0 8px 5px;
  913. }
  914. .add-widget-button {
  915.     background: no-repeat url(http://s.ytimg.com/yts/imgbin/www-videomanager-vflyc4fyL.webp) 0 -1347px!important;
  916. }
  917. .dashboard-widget-header:hover .dashboard-widget-overlay-icon, .dashboard-widget.yt-uix-dragdrop-dragged-item .dashboard-widget-header .dashboard-widget-header-controls, .dashboard-widget.yt-uix-dragdrop-cursor-follower .dashboard-widget-header .dashboard-widget-header-controls {
  918.     border-left: 1px solid #1A1A1A!important;
  919. }
  920. /* Dropdown List */
  921. .yt-uix-button-menu .yt-uix-button-menu-item,.comments .mod-list-button, .yt-ui-menu-item {
  922.     color: #818181!important;
  923. }
  924. .yt-uix-menu-trigger-selected, .yt-uix-button-menu, .yt-ui-menu-content, .mod-list {
  925.     border: 1px solid #292929!important;
  926.     background: #131313!important;
  927. }
  928. /* Dropdown List Hover */
  929. .yt-uix-button-menu .yt-uix-button-menu-item.selected, .yt-uix-button-menu .yt-uix-button-menu-item-highlight .yt-uix-button-menu-item, .yt-uix-button-menu .yt-uix-button-menu-item:hover {
  930.     background-color: #131313!important;
  931.     color: #b9b9b9!important;
  932. }
  933. /* Special Dropdown item */
  934. .vm-video-edit-menu-delete.menu-item-top-divider.yt-uix-button-menu-item {
  935.     background-color: rgba(128, 127, 126, 0.15);
  936.     margin-bottom: -8px;
  937. }
  938. /* Bottom Section */
  939. .create-playlist-widget-form .create-playlist-bottom-section {
  940.     background-color: #181818!important;
  941. }
  942. /* No Text Shadow */
  943. #dashboard-header h2,#dashboard-header h3,#dashboard-header .dashboard-stat-name, #dashboard-header .add-widget-button-label,#dashboard-header .dashboard-stat-value {
  944.     text-shadow: none!important;
  945. }
  946. /* Stream */
  947. .live-dashboard-status-bar {
  948.     background-color: #131313!important;
  949.     border-bottom: 1px solid #282828!important;
  950. }
  951. .live-dashboard-status-bar-container {
  952.     border-top: 1px solid #282828!important;
  953. }
  954. .live-beta-tag {
  955.     background-color: #1C2C99!important;
  956. }
  957. .live-dashboard .yt-uix-dragdrop-drag-handle {
  958.     background-color: #1C1C1C;
  959.     border-bottom: 1px solid #282828;
  960. }
  961. /* Apply / Cancel */
  962. .LMN1VWC-f-t, .LMN1VWC-f-t[disabled] {
  963.     background-color: #838383;
  964. }
  965. .LMN1VWC-f-t:hover {
  966.     background-color: #3f3f3f;
  967. }
  968. }
Add Comment
Please, Sign In to add comment