@-moz-document domain("youtube.com") { /*================================================================ Youtube Umbra Theme by Andy Cormack http://ac-design.co.uk/ @groundxaero v1.1.5 Last updated: 2017/01/05 ================================================================*/ :root { --selection-bg-color: #445; --selection-text-color: #dde; --body-font: 'Open Sans', sans-serif; --bg-color: #1b1b1d; --main-text-color: #aaaab6; --main-faded-text-color: #66666c; --author-highlight-bg-color: #445; --sep-line-color: #36363f; --card-bg-color: #222225; --card-dark-bg-color: #1e1e20; --card-light-bg-color: #2a2a2d; --card-border-color: #2f2f34; --card-hover-bg-color: #2a2a2d; --card-light-hover-bg-color: #303034; --card-light-hover-border-color: #404044; --menu-bg-color: #2a2a2e; --menu-hover-bg-color: #2f2f34; --menu-border-color: #36363f; --menu-light-bg-color: #3a3a44; --menu-light-hover-bg-color: #3f3f48; --menu-light-active-bg-color: #46464f; --menu-light-border-color: #46464f; --link-color: #ddd; --link-hover-color: #fff; --input-box-bg-color: #171719; --input-checkbox-toggle-bg-color: #54545a; --input-checkbox-active-bg-color: #3a3a44; --input-checkbox-inactive-bg-color: #222225 } ::-moz-selection { background: var(--selection-bg-color); color: var(--selection-text-color) } ::selection { background: var(--selection-bg-color); color: var(--selection-text-color) } body { font-family: var(--body-font); background: var(--bg-color) } .yt-default p, body, p.yt { color: var(--main-text-color) } #action-panel-details a, #pl-header .pl-header-details a, #watch-header .yt-user-info a, .HPHGCHB-b-c a, .HPHGCHB-p-a, .branded-page-module-title a, .branded-page-module-title a:visited, .branded-page-related-channels h3, .branded-page-related-channels h3 a, .c4-checklist-module .checklist-item-title-text, .comment-renderer-header .comment-author-text, .comment-renderer-like-count, .comment-replies-renderer-hide, .comment-replies-renderer-paginator, .comment-replies-renderer-view, .creator-editor-title a, .dashboard-widget-comments .comment-header a, .dashboard-widget-comments .selectable-item:hover .vm-link a, .dashboard-widget-videos .video-list-item .video-title a, .feed-item-main .feed-item-header a, .feed-item-main a.yt-user-name, .filter, .filter-sort.filter-selected, .lohp-video-link, .lohp-video-metadata .yt-user-name, .multirow-shelf .yt-uix-expander-head, .video-player-view-component .video-detail a, .vm-list-view .vm-video-side-notification-text a, .vm-list-view .vm-video-side-view-count a, .vm-list-view .vm-video-title .vm-video-title-content, .yt-advertise-sidebar a, .yt-alert-naked .yt-alert-content a, .yt-card-light .yt-card-title a, .yt-card-light a, .yt-creator-benefits-table a, .yt-dev-showcase-external-link-msg-container:hover a, .yt-lockup-title a, .yt-lockup:hover .yt-lockup-description a, .yt-lockup:hover .yt-lockup-meta a, .yt-lockup:hover a, .yt-tile-default:hover a, .yt-tile-static a, .yt-tile-visible:hover a, .yt-uix-button-link, a { color: var(--link-color) } .video-list .video-list-item .title { color: var(--link-color)!important } .video-list .video-list-item:hover .title { color: var(--link-hover-color)!important } #action-panel-details:hover a, #pl-header .pl-header-details a:hover, #watch7-sidebar .video-list-item:hover .title, #watch7-sidebar .video-list-item:hover .title .yt-deemphasized-text, .HPHGCHB-b-c a:hover, .HPHGCHB-d-a .HPHGCHB-d-c:hover, .branded-page-module-title a.branded-page-module-title-link:hover, .branded-page-related-channels h3 a:hover, .branded-page-related-channels-item .yt-uix-button-link:hover, .c4-checklist-module .checklist-item-title-text:hover, .c4-checklist-module .checklist-item.done .checklist-item-title-text:hover, .c4-checklist-module .checklist-item:hover .checklist-item-title-text .todo-title-text, .c4-checklist-module .view-all-link a:hover, .creator-editor-title a:hover, .dashboard-widget-comments .comment-header a:hover, .dashboard-widget-comments .selectable-item:hover .vm-link a:hover, .dashboard-widget-videos .video-list-item .video-title a:hover, .feed-item-container:hover .feed-item-header a, .feed-item-container:hover a.yt-user-name, .filter:hover, .lohp-video-metadata .yt-user-name:hover, .multirow-shelf .compact-shelf-view-all-card-link:hover a, .multirow-shelf .compact-shelf-view-all-card-link:hover h4, .video-player-view-component .video-detail a:hover, .vm-list-view .vm-video-title a.vm-video-title-content:hover, .yt-alert-naked .yt-alert-content a:hover, a:hover { color: var(--link-hover-color) } #footer-logo .footer-logo-icon, #masthead-logo, #yt-masthead #logo-container .logo, .footer-logo { background: no-repeat url(data:image/png;base64,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); background-size: 100%; opacity: .65 } #masthead-logo img, .footer-logo img { visibility: hidden } @media (max-width:704px) { .exp-responsive #yt-masthead #logo-container { filter: invert(.88) saturate(0) } } .footer-logo { margin-top: 15px; display: inline-block } .yt-thumb { background: var(--menu-bg-color) } #audio-tab img, #cc-tab img, #images-tab img, #keyboard-help-tab img, #masthead-search .search-btn-component .yt-uix-button-content, #search-btn span, #text-tab img, #transition-tab img, #video-tab img, #watch8-action-buttons .yt-uix-button, #yt-masthead-user .yt-uix-button-icon-bell, .HPHGCHB-H-i img, .HPHGCHB-L-c, .HPHGCHB-W-s, .HPHGCHB-Y-u, .HPHGCHB-eb-a img, .HPHGCHB-g-d, .HPHGCHB-h-n, .HPHGCHB-n-c, .HPHGCHB-nb-b, .HPHGCHB-x-a, .add-to-widget .addto-search-playlist-section .search-icon, .add-to-widget .yt-sprite, .audiolibrary-track-head .favorite-button .track-action-icon, .box-close-link img, .c4-editor-edit::before, .c4-featured-content-editor .question-mark-icon, .close-small, .comments .mod-button, .copynotice-info-target, .create-playlist-widget-form .has-icon::before, .create-playlist-widget-form .yt-uix-button-has-icon::before, .creator-editor-nav-tabs li a .yt-sprite, .creator-editor-nav-tabs li>span .yt-sprite, .creator-heart-big-unhearted, .flag-channel-abuse-form .report-question-mark, .footer-help-btn-img-container, .icon-annotation-anchored, .icon-annotation-highlight, .icon-annotation-label, .icon-annotation-popup, .icon-annotation-title, .live-chat-widget .live-comments-emoji-picker-open::before, .live-chat-widget .overflow-menu-button::before, .live-chat-widget .post-button::before, .mediapicker-audio .audio-monetized-badge-container img, .pl-header-title-icon, .track.attribution .license-button .track-action-icon, .vm-list-view .vm-video-metric .yt-sprite, .vm-search-btn .yt-uix-button-content, .yt-card a.yt-action:not([style-scope]):not(.style-scope):after, .yt-close-img, .yt-help-icon, .yt-ui-menu-item.has-icon::before, .yt-uix-button .yt-uix-button-arrow, .yt-uix-button .yt-uix-button-icon, .yt-uix-button-icon-annotation-anchored, .yt-uix-button-icon-annotation-highlight, .yt-uix-button-icon-annotation-label, .yt-uix-button-icon-annotation-popup, .yt-uix-button-icon-annotation-title, .yt-uix-button-icon-icon-account-settings, .yt-uix-button-menu-item-icon-annotation-anchored, .yt-uix-button-menu-item-icon-annotation-highlight, .yt-uix-button-menu-item-icon-annotation-label, .yt-uix-button-menu-item-icon-annotation-popup, .yt-uix-button-menu-item-icon-annotation-title, .yt-uix-clickcard-close, .yt-uix-form-input-checkbox-element, .ytch-search-container .search-btn-component .yt-uix-button-content, button.audio-add img, button.expand-button, button.play-pause-button, img.storyboard-icon.audio-icon, img.storyboard-icon.video-icon { filter: invert(100%) } .timeline-zoomslider .slider-icon { filter: invert(100%) brightness(200%) } button.thumb-add img, button.thumb-remove img { filter: invert(100%) saturate(0) } #player-playlist .yt-uix-button-icon.yt-sprite { filter: invert(0) } .add-segment-button-icon, .c4-checklist-module .checklist-item.active .todo-icon, .delete-segment-button-icon, .live-dashboard .yt-sprite, .vm-list-view .vm-video-indicators, .yt-sprite.vm-video-privacy { filter: brightness(120%) saturate(5%) } .video-unlisted-icon { background: no-repeat url(http://s.ytimg.com/yts/imgbin/www-hitchhiker-2x-vflMlDDAN.png) -285px -221px; background-size: 419px 399px; width: 20px; height: 20px; filter: invert(50%) } .yt-uix-form-input-checkbox-container input:checked+.yt-uix-form-input-checkbox-element { border-color: #777; opacity: .7 } .comment-renderer.channel-owner .comment-author-text { background-color: var(--author-highlight-bg-color); padding-left: .5em; padding-right: .5em } .yt-ui-ellipsis { background: 0 0!important } #masthead-appbar, #masthead-container, #yt-masthead-container, .footer-container, .yt-card, body #footer-container { background: var(--card-bg-color); color: var(--main-text-color); border: none } .yt-uix-checkbox-on-off .toggle { background: var(--input-checkbox-toggle-bg-color) } .yt-uix-checkbox-on-off label { background-color: var(--input-checkbox-inactive-bg-color) } .yt-uix-checkbox-on-off input[type=checkbox]:checked+label { background-color: var(--input-checkbox-active-bg-color) } .yt-consent-banner { background: var(--card-light-bg-color); border: none } .yt-alert-actionable.yt-alert-success, .yt-alert-default.yt-alert-success, .yt-alert-naked.yt-alert-success .yt-alert-icon, .yt-alert-small.yt-alert-success { background: var(--card-bg-color) } .yt-consent-banner .yt-consent-content { color: var(--main-text-color) } .yt-consent-banner .consent-close { color: var(--link-color) } .yt-consent-banner .consent-close:hover { color: var(--link-hover-color) } .yt-alert-actionable.yt-alert-info, .yt-alert-default.yt-alert-info, .yt-alert-naked.yt-alert-info .yt-alert-icon, .yt-alert-small.yt-alert-info { background: var(--menu-light-bg-color) } .yt-alert-panel { background: var(--menu-bg-color) } .HPHGCHB-F-e.HPHGCHB-F-m, .HPHGCHB-F-k.HPHGCHB-F-m, .yt-alert-actionable.yt-alert-warn, .yt-alert-default.yt-alert-warn, .yt-alert-naked.yt-alert-warn .yt-alert-icon, .yt-alert-small.yt-alert-warn { background-color: #ffbd59; margin-bottom: 1em } .HPHGCHB-s-n, .picker.modal-dialog-bg, .yt-dialog-bg, .yt-uix-overlay-bg { background-color: #000 } .HPHGCHB-s-n { opacity: .6 } .HPHGCHB-s-f, .HPHGCHB-s-g, .no-focus-outline .yt-dialog-fg:focus, .yt-dialog-fg, .yt-uix-overlay-fg { background: var(--menu-bg-color); border-color: var(--menu-border-color) } .yt-uix-overlay-actions { background: var(--card-bg-color) } .HPHGCHB-s-f .HPHGCHB-s-p { background-color: var(--menu-light-bg-color); color: var(--link-color) } .HPHGCHB-f-c:focus .HPHGCHB-f-f, .HPHGCHB-f-c:hover .HPHGCHB-f-f, .HPHGCHB-f-h .HPHGCHB-f-f, .HPHGCHB-h-q li a, .yt-dialog-fg-content .yt-dialog-title, .yt-uix-overlay-fg-content .yt-dialog-title { color: var(--link-color) } .yt-dialog-fg-content, .yt-uix-overlay-fg-content, input.HPHGCHB-l-f.HPHGCHB-h-o { color: var(--main-text-color) } .overlay-confirmation-preferences-dialog .overlay-confirmation-delivery-method, .share-email label { color: var(--main-faded-text-color) } #playlist-settings-editor .yt-uix-tabs, .HPHGCHB-f-a, .HPHGCHB-s-f .HPHGCHB-s-p, .flag-channel-abuse-form hr { border-color: var(--sep-line-color) } .HPHGCHB-h-i { background-color: var(--input-box-bg-color); border-color: var(--menu-border-color) } #collaboration-settings .yt-uix-button.create-invite-link-button, .HPHGCHB-r-a { background: var(--menu-light-bg-color); border-color: var(--menu-light-border-color) } .HPHGCHB-r-e, .HPHGCHB-r-e strong { background-color: var(--menu-light-hover-bg-color) } .yt-channel-msg-dialog .user-box { border-color: var(--menu-border-color); background-color: var(--card-bg-color) } .yt-channel-msg-dialog .compose-message { border-color: var(--menu-border-color); background-color: var(--input-box-bg-color); color: var(--main-text-color) } .HPHGCHB-s-f .HPHGCHB-s-i, .create-playlist-widget-form .create-playlist-bottom-section, .yt-channel-msg-dialog .yt-dialog-footer { background-color: var(--card-bg-color) } .yt-uix-form-label, .yt-uix-form-legend, li.guide-section h3 a { color: var(--link-color) } #playlist-settings-editor .yt-dialog-footer { background-color: var(--card-bg-color); border-color: var(--sep-line-color) } #collaboration-settings .collaboration-settings-invite-link.disabled::before { opacity: .05; pointer-events: none } .yt-card .yt-uix-tabs { border-color: var(--sep-line-color) } .pl-header-sharepanel-content .share-panel-url, .share-panel, .yt-masthead-account-picker.yt-uix-clickcard-card-content { color: var(--main-text-color) } .share-email-preview-container { background: var(--card-bg-color) } #masthead-container, #yt-masthead-container { background: var(--card-dark-bg-color) } #masthead-search-term, #masthead-search-terms { background-color: var(--input-box-bg-color); box-shadow: none; border: 1px solid var(--menu-border-color) } #masthead-search-term input, #masthead-search-term input:focus, #masthead-search-terms input { color: var(--main-text-color) } #masthead-search-term:hover, #masthead-search-terms:hover { border-color: var(--menu-light-border-color) } .gssb_m { color: var(--main-text-color); background: var(--card-bg-color) } .gssb_e { border: none } .gssb_i, .gssb_i td { background: var(--card-light-bg-color) } #appbar-nav .yt-uix-button.yt-uix-button-epic-nav-item, .yt-masthead-picker-account-subtitle { color: var(--main-faded-text-color) } .yt-masthead-picker-footer { background: var(--card-bg-color) } .yt-uix-button-default.yt-masthead-picker-button-primary, .yt-uix-button-default.yt-masthead-picker-settings-button { background: var(--menu-light-bg-color) } .yt-uix-button-default:hover.yt-masthead-picker-button-primary, .yt-uix-button-default:hover.yt-masthead-picker-settings-button { background: var(--menu-light-hover-bg-color) } .yt-uix-button-default.yt-masthead-picker-settings-button .yt-uix-button-icon { opacity: .7 } .yt-uix-button-default:hover.yt-masthead-picker-settings-button .yt-uix-button-icon { opacity: .9 } #yt-masthead-notifications-title, .epic-nav-item-heading, .epic-nav-item.selected, .epic-nav-item.yt-uix-button-toggled, .yt-ui-menu-content, 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 { color: var(--main-text-color) } #yt-masthead-notifications-content .item-section>li>.yt-lockup-tile, #yt-masthead-notifications-content .yt-ui-ellipsis { background: var(--card-bg-color); color: var(--main-text-color) } #yt-masthead-notifications-content .item-section>li>.yt-lockup-tile:hover, #yt-masthead-notifications-content .yt-lockup-tile:hover .yt-ui-ellipsis { background: var(--card-hover-bg-color) } .yt-ui-menu-content { background: var(--menu-bg-color); border-color: var(--menu-border-color) } #creator-subheader #creator-subheader-item-count, .HPHGCHB-g-q, .business-email-container .business-email-button, .comment-section-renderer-paginator, .yt-form-input-select-container, .yt-uix-button-dark, .yt-uix-button-dark[disabled], .yt-uix-button-dark[disabled]:active, .yt-uix-button-dark[disabled]:focus, .yt-uix-button-dark[disabled]:hover, .yt-uix-button-default, .yt-uix-button-default[disabled], .yt-uix-button-default[disabled]:active, .yt-uix-button-default[disabled]:focus, .yt-uix-button-default[disabled]:hover, .yt-uix-button-panel:hover .creator-bar-item .yt-uix-button-text-dark, .yt-uix-button-subscribe-unbranded, .yt-uix-button-subscribe-unbranded[disabled], .yt-uix-button-subscribe-unbranded[disabled]:active, .yt-uix-button-subscribe-unbranded[disabled]:focus, .yt-uix-button-subscribe-unbranded[disabled]:hover, .yt-uix-button-subscribed-branded, .yt-uix-button-subscribed-branded[disabled], .yt-uix-button-subscribed-unbranded, .yt-uix-button-subscribed-unbranded[disabled], .yt-uix-button-text { background: var(--menu-bg-color); color: var(--main-text-color); border-color: var(--menu-border-color); opacity: 1 } .yt-uix-button-c4-view-action { background: var(--menu-light-bg-color); color: var(--main-text-color); border-color: var(--menu-light-border-color) } .HPHGCHB-g-q:hover, .yt-uix-button-dark:hover, .yt-uix-button-default.yt-uix-button-active, .yt-uix-button-default.yt-uix-button-active:focus, .yt-uix-button-default.yt-uix-button-toggled, .yt-uix-button-default:active, .yt-uix-button-text:active { background-color: var(--menu-hover-bg-color); border-color: var(--menu-border-color); box-shadow: none } .HPHGCHB-g-f, .HPHGCHB-g-f.HPHGCHB-g-y, .HPHGCHB-g-f:active, .HPHGCHB-g-v:active, .HPHGCHB-g-w:active { background-image: none; background-color: var(--menu-light-bg-color); border-color: var(--menu-light-border-color); box-shadow: none } .HPHGCHB-g-f:hover { background-image: none; background-color: var(--menu-light-hover-bg-color); border-color: var(--menu-light-border-color) } #comment-section-renderer .comment-section-renderer-paginator:hover, .yt-uix-button-default.yt-uix-button-toggled:hover, .yt-uix-button-default:hover, .yt-uix-button-panel .creator-bar-item .yt-uix-button-text-dark:hover, .yt-uix-button-subscribe-unbranded:hover, .yt-uix-button-subscribed-branded[disabled]:active, .yt-uix-button-subscribed-branded[disabled]:focus, .yt-uix-button-subscribed-branded[disabled]:hover, .yt-uix-button-subscribed-unbranded[disabled]:active, .yt-uix-button-subscribed-unbranded[disabled]:focus, .yt-uix-button-subscribed-unbranded[disabled]:hover, .yt-uix-button-text:hover { background: var(--menu-light-hover-bg-color); color: var(--main-text-color); border-color: var(--menu-light-border-color); box-shadow: none } .HPHGCHB-g-f[disabled], .HPHGCHB-g-f[disabled]:active, .HPHGCHB-g-f[disabled]:hover, .yt-uix-button.yt-uix-button-subscribed-unbranded { color: var(--main-faded-text-color) } .HPHGCHB-g-f[disabled], .HPHGCHB-g-f[disabled]:active, .HPHGCHB-g-f[disabled]:hover, .yt-uix-button-menu { background: var(--menu-bg-color); border-color: var(--menu-border-color) } .yt-ui-menu-item, .yt-uix-button-menu .yt-uix-button-menu-item { color: var(--main-text-color) } .yt-uix-button-menu .yt-uix-button-menu-item-highlight .yt-uix-button-menu-item, .yt-uix-button-menu .yt-uix-button-menu-item.selected, .yt-uix-button-menu .yt-uix-button-menu-item:hover { color: var(--link-hover-color); background-color: var(--menu-hover-bg-color) } .yt-ui-menu-item:hover { background: rgba(255, 255, 255, .02) } .yt-ui-menu-item:focus { background: rgba(255, 255, 255, .05) } .yt-uix-clickcard-card-border, .yt-uix-hovercard-card-border { background: var(--menu-bg-color); border-color: var(--menu-border-color) } .HPHGCHB-E-g { background: var(--menu-light-bg-color); border-color: var(--menu-light-border-color) } .HPHGCHB-E-l .HPHGCHB-E-e { border-right-color: var(--menu-light-bg-color) } .HPHGCHB-E-l .HPHGCHB-E-h { border-right-color: #66666f } .HPHGCHB-E-e { border-left-color: var(--menu-light-bg-color) } .HPHGCHB-E-h { border-left-color: var(--menu-light-border-color) } .HPHGCHB-p-c, .yt-uix-clickcard-card-body, .yt-uix-hovercard-card-body { color: var(--main-text-color) } .yt-uix-clickcard-card-flip .yt-uix-card-body-arrow-horizontal, .yt-uix-hovercard-card-flip .yt-uix-card-body-arrow-horizontal { border-right-color: var(--menu-bg-color) } .yt-uix-clickcard-card-reverse .yt-uix-card-body-arrow-vertical, .yt-uix-hovercard-card-reverse .yt-uix-card-body-arrow-vertical { border-bottom-color: var(--menu-bg-color) } .yt-uix-button-arrow { border-top-color: var(--main-text-color) } .yt-uix-clickcard-card-flip .yt-uix-card-border-arrow-horizontal, .yt-uix-hovercard-card-flip .yt-uix-card-border-arrow-horizontal { border-right-color: var(--menu-border-color) } .yt-uix-clickcard-card-reverse .yt-uix-card-border-arrow-vertical, .yt-uix-hovercard-card-reverse .yt-uix-card-border-arrow-vertical { border-bottom-color: var(--menu-border-color) } #appbar-guide-menu, .guide-flyout { background: var(--menu-bg-color) } #appbar-guide-button { background: 0 0; border: none } #appbar-guide-button .yt-uix-button-icon { filter: invert(.4) } #masthead-positioner:hover .yt-uix-button-icon-appbar-guide { filter: brightness(2) } .guide-pinned .guide-pinning-enabled #appbar-guide-menu { border-color: var(--menu-border-color) } .guide-collapsible-item .yt-uix-expander-head:hover, .guide-flyout-trigger.on-hover, .guide-item:hover, .guide-item:hover .yt-deemphasized-text { background: var(--menu-hover-bg-color) } .guide-item, .question-shelf-heading h4 { color: var(--main-text-color) } .yt-lockup-notifications-container { border-color: var(--sep-line-color); } .service-endpoint-replace-enclosing-action-notification { color: var(--main-text-color); } .guide-item .guide-count, .guide-item-subtitle, .guide-view-more { color: var(--main-faded-text-color) } .guide-item .yt-sprite { filter: brightness(200%); opacity: .65 } .guide-item.guide-item-selected .yt-sprite, .guide-item:hover .yt-sprite { opacity: 1 } .guide-section-separator, .search-header, .yt-lockup-playlist-item { border-color: var(--sep-line-color) } .compact-shelf .yt-uix-button-shelf-slider-pager { background: var(--menu-bg-color) } .browse-list-item-container:hover .compact-shelf .yt-uix-button-shelf-slider-pager, .compact-shelf:hover .yt-uix-button-shelf-slider-pager { border-color: var(--menu-border-color) } .compact-shelf .yt-uix-shelfslider-next-arrow, .compact-shelf .yt-uix-shelfslider-prev-arrow, .rtl .compact-shelf .yt-uix-shelfslider-next-arrow, .rtl .compact-shelf .yt-uix-shelfslider-prev-arrow { filter: invert(100%) } .addto-watch-later-button-sign-in::before, .addto-watch-later-button::before { filter: invert(100%) brightness(70%) } .lohp-video-metadata .yt-user-name { opacity: .7 } .search-header { background-color: var(--menu-bg-color) } .filter-col-title, .search-header .yt-uix-button-content { color: var(--main-text-color) } .filter { opacity: .75 } .filter-selected { opacity: 1 } .search-header .num-results, .search-header .num-results strong { color: var(--main-faded-text-color) } #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 { border-color: var(--sep-line-color)!important; background-color: var(--menu-bg-color) } .feed-header, .comment-history-block-header { border-color: var(--sep-line-color); } #history-search .history-search-field { border-color: var(--menu-border-color); } .yt-lockup, .comment-history-entry-renderer-content { color: var(--main-text-color); } #upload-button-text, .upload-footer-header, .upload-sidebar-header { color: var(--main-text-color) } .upload-other-options-list .upload-option-text { color: var(--main-faded-text-color) } #view-as-notification, .channel-header .secondary-header-contents { background-color: var(--card-bg-color) } .secondary-header-contents .nav-text { color: var(--main-text-color) } .channel-header .about-custom-links, .channel-header .about-secondary-links { background-color: var(--menu-bg-color) } .branded-page-module-title, .channel-header .branded-page-header-title .branded-page-header-title-link { color: var(--link-color) } .primary-header-contents .view-as-menu .view-as-menu-trigger { color: var(--main-text-color) } #channel-search .show-search .search-icon, .c4-button-opacity::before, .secondary-header-action .header-action-icon, .yt-uix-button [class*=material], .yt-uix-button-default .yt-uix-button-icon, .yt-uix-button-default::before { filter: invert(60%) brightness(150%) } .epic-nav-item, .lohp-video-metadata, .lohp-video-metadata .view-count, .video-player-view-component .view-count .content-item-time-created, .video-player-view-component .view-count .count, a.yt-uix-button.yt-uix-button-epic-nav-item, button.yt-uix-button-epic-nav-item { color: var(--main-faded-text-color) } #c4-spotlight-editor .spotlight-editor-tab { border-color: var(--card-hover-bg-color) } .video-player-view-component { color: var(--main-text-color) } .yt-uix-expander-ellipsis { background-color: transparent } .pl-header-thumb .pl-header-play-all-overlay, .yt-pl-thumb .sidebar, .yt-pl-thumb-link .yt-pl-thumb-overlay { background: rgba(22, 22, 25, .92) } .watched-badge { background-color: var(--card-bg-color); padding-top: 25%; font-size: 1.5em } .resume-playback-background:before, .resume-playback-background, .resume-playback-background:after { position: absolute; width: 100%; left: 0; } .resume-playback-background:before { content: ''; bottom: 0; height: 4px; background-color: rgba(128, 128, 128, 0.3); } .resume-playback-background { background-color: rgba(34, 34, 37, 0.9); top: 0; height: 100%; opacity: 1; pointer-events: none; color: var(--main-text-color); transition: 0.2s; } .resume-playback-background:after { content: 'Watched'; z-index: 20000; top: 47.5%; font-size: 1rem; text-align: center; text-transform: uppercase; } .thumb-wrapper .resume-playback-background:after { top: 35%; } .pl-video-thumb .resume-playback-background:after { top: 25%; font-size: 0.8rem; } .yt-lockup-thumbnail:hover .resume-playback-background, .thumb-wrapper:hover .resume-playback-background, .pl-video-thumb:hover .resume-playback-background { opacity: 0; } .resume-playback-progress-bar, .video-time { z-index: 2; } .contains-percent-duration-watched + .yt-lockup-content { opacity: 0.3; } .yt-lockup-grid:hover .yt-lockup-content { opacity: 1; } .ltr .watched-badge, .pl-video .pl-video-thumbnail .watched-badge, .watched-badge { top: 0!important; left: 0!important; bottom: 0; right: 0; max-width: 100%; text-align: center; opacity: .8; transition: opacity .15s ease } .pl-video .pl-video-thumbnail:hover .watched-badge, .watched-badge:hover { opacity: 0 } .shelf-annotation, .shelf-description { color: var(--main-faded-text-color) } #c4-header-bg-container, .branded-page-v2-primary-col .branded-page-box.c4-featured-content-editor:last-child, .branded-page-v2-primary-col .branded-page-box.c4-featured-content:last-child, .branded-page-v2-primary-col .branded-page-box.video-player-view-component:last-child, .branded-page-v2-primary-col .branded-page-box.welcome:last-child, .branded-page-v2-primary-col .yt-uix-inlineedit-view-container .branded-page-box, .branded-page-v2-subnav-container, .channel-header .secondary-header-contents { border-color: var(--sep-line-color) } #other-channels-sidebar:hover, .related-channels-editor:hover { background-color: var(--card-light-bg-color) } #pl-header .pl-header-add-description-button:hover, .yt-uix-button-c4-view-action.yt-uix-button-destructive { color: var(--link-hover-color) } .about-stats .about-stat { color: var(--main-faded-text-color) } .about-metadata-container, .c4-module-editor-form .yt-uix-form-input-select, .c4-module-editor-form .yt-uix-form-input-text, .c4-module-editor-form .yt-uix-form-input-textarea { color: var(--main-text-color) } #pl-header .privacy-icon-present .pl-header-details::before, .about-metadata-label-border-top { border-color: var(--sep-line-color) } .about-business-email-editor .c4-module-is-editable:hover, .about-description-editor .c4-module-is-editable:hover, .about-metadata-editor .c4-module-is-editable:hover { background-color: var(--card-dark-bg-color) } .yt-uix-form-input-select, .yt-uix-form-input-text, .yt-uix-form-input-textarea { color: var(--main-text-color) } #pl-header { background: var(--menu-bg-color) } #pl-header .pl-header-add-description-button, #pl-header .pl-header-title { color: var(--link-color) } .pl-header-inlineedit .c4-module-is-editable:hover { background-color: var(--input-box-bg-color) } .c4-module-editor-form .yt-uix-form-input-select, .c4-module-editor-form .yt-uix-form-input-text, .c4-module-editor-form .yt-uix-form-input-textarea, .pl-header-inlineedit .yt-uix-button-c4-view-action { border-color: var(--menu-light-border-color) } .c4-module-editor-form { background-color: transparent } .pl-message-panel .yt-alert-default { border-color: var(--sep-line-color); background-color: var(--menu-light-bg-color) } .pl-message-panel .yt-alert-default .yt-alert-content { color: var(--main-text-color) } .pl-video { border-color: var(--sep-line-color) } .pl-video:hover { background-color: var(--menu-hover-bg-color) } .yt-uix-dragdrop-cursor-follower { border-color: var(--menu-border-color); background-color: var(--menu-bg-color) } .pl-video-list-editable .pl-video:hover .pl-video-handle, .yt-uix-dragdrop-cursor-follower .pl-video-handle { background: var(--menu-light-bg-color); border: none; padding: 0 .2em } #footer-links-primary a, #yt-uix-videoactionmenu-menu h3, .pl-video-title-link { color: var(--link-color) } .pl-video:hover .pl-video-owner a, .pl-video:hover .pl-video-title-link { color: var(--link-hover-color) } #watch7-sidebar .watch-sidebar-head { color: inherit } .autoplay-bar .autoplay-info-icon { filter: invert(100%) } #watch7-sidebar .video-list-item a:hover .title, #watch7-sidebar .video-list-item a:hover .title .yt-deemphasized-text, .video-list .video-list-item .title, .video-list-item a, .yt-badge { color: var(--main-text-color) } .video-list .video-list-item .description, .video-list .video-list-item .stat { color: var(--main-faded-text-color) } #watch7-sidebar .watch-sidebar-separation-line { border-color: var(--sep-line-color) } .yt-badge { border-color: var(--menu-border-color) } #watch7-creator-bar { background: var(--card-light-bg-color); border-color: var(--card-border-color) } .creator-bar-item [class*=yt-uix-button-icon] { filter: invert(50%) brightness(150%) } #watch8-action-buttons { border-top-color: var(--sep-line-color) } .watch-editable:hover { background: var(--bg-color) } .yt-uix-button-default .yt-uix-button-icon, .yt-uix-button-default::before { opacity: 1 } .yt-uix-button-default:hover .yt-uix-button-icon, .yt-uix-button-default:hover::before { opacity: .4; filter: invert(100%) } .yt-subscription-button-subscriber-count-branded-horizontal, .yt-subscription-button-subscriber-count-unbranded-horizontal { color: var(--main-text-color); background: transparent; border: none; border-left: 1px solid var(--menu-border-color) } .yt-commentbox-text:hover, .yt-uix-form-input-select:hover, .yt-uix-form-input-text:hover, .yt-uix-form-input-textarea:hover { border-color: var(--menu-light-border-color) } .add-to-widget .addto-playlist-item { color: var(--main-text-color) } .like-button-renderer-like-button.yt-uix-button:active:before, .like-button-renderer-like-button.yt-uix-button.yt-uix-button-toggled:before, .like-button-renderer-like-button:active .yt-uix-button-content, .like-button-renderer-like-button.yt-uix-button-toggled .yt-uix-button-content { filter: hue-rotate(180deg); } #creator-sidebar>.creator-sidebar-section.selected>h3 a, #player-playlist .playlist-videos-list>li:hover, .add-to-widget .addto-playlist-item.yt-uix-kbd-nav-highlight, .add-to-widget .addto-playlist-item:hover, .add-to-widget .create-playlist-item:hover { background-color: var(--menu-hover-bg-color) } .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 .playlist-status { opacity: 1; filter: invert(.6) } .add-to-widget .playlists { border-color: var(--sep-line-color) } #watch-description, .add-to-widget .create-playlist-item, .watch-playlist { color: var(--main-text-color) } .yt-card .yt-uix-button-expander { border-top-color: var(--sep-line-color); color: var(--main-faded-text-color) } .watch-playlist { background: var(--card-bg-color) } #player-playlist .playlist-videos-list { background-color: var(--card-bg-color); color: var(--main-text-color) } #player-playlist:not(.watch-queue-nav) .playlist-videos-list>li.currently-playing { background-color: var(--menu-hover-bg-color) } #player-playlist .playlist-video h4 { color: var(--main-text-color); background-color: transparent } #player-playlist .video-uploader-byline { color: var(--main-faded-text-color) } .comment-simplebox-arrow, .sharing-balloon::after, .sharing-balloon::before { display: none } .comment-simplebox-renderer-collapsed-content, .sharing-balloon { border: 1px solid var(--menu-border-color); background-color: var(--input-box-bg-color); color: var(--main-text-color) } .comment-simplebox { background-color: transparent } .comment-simplebox-frame { border-color: var(--menu-border-color); background-color: var(--input-box-bg-color) } .comment-simplebox-prompt, .comment-simplebox-text { color: var(--main-text-color); background-color: transparent } .comment-simplebox-renderer { border-color: var(--sep-line-color) } .comment-renderer-header .comment-renderer-linked-comment { background: var(--sep-line-color); border-color: var(--sep-line-color); color: var(--main-text-color); padding: .2em 1em } #footer .yt-uix-button-icon { filter: invert(100%); opacity: .5 } #yt-picker-country-footer, #yt-picker-language-footer, #yt-picker-safetymode-footer { background: var(--menu-bg-color) } #footer .yt-close-img { filter: invert(100%); opacity: 1 } .yt-default h1, .yt-default h2, .yt-default h3, .yt-default h4, .yt-default h5, .yt-default h6, .yt-picker-region-name, h1.yt, h2.yt, h3.yt, h4.yt, h5.yt, h6.yt { color: var(--main-text-color) } #footer-links-secondary .copyright, #footer-links-secondary a, .yt-default .yt-notes, p.yt-notes { color: var(--main-faded-text-color) } #dashboard-header h2 a:hover, #footer-links-primary a:hover, .yt-picker-content strong, .yt-picker-content strong .yt-picker-region-name { color: var(--link-hover-color) } #footer-links-secondary a:hover, .account-header h1, h3.account-section-header { color: var(--link-color) } #footer-main, #safety-form p.safety-submit, .yt-picker-header, .yt-picker-hr { border-color: var(--sep-line-color) } #creator-sidebar .creator-sidebar-section a:hover { background: var(--card-dark-bg-color); color: var(--link-hover-color) } .account-container { background: var(--card-bg-color) } #creator-sidebar .creator-sidebar-section a, #creator-sidebar h3, #creator-sidebar h3 a, #safety-form, .account-content { color: var(--main-text-color) } .setting-reminder { color: var(--main-faded-text-color) } #dashboard-header-stats li, .add-widget-menu-content li, .yt-horizontal-rule { border-color: var(--sep-line-color) } .yt-commentbox-text { border-color: var(--menu-border-color) } .yt-commentbox-text, .yt-uix-form-input-select-content, .yt-uix-form-input-select-element { background-color: var(--input-box-bg-color); color: var(--main-text-color); text-shadow: none } .social-connector { background: var(--menu-bg-color); border-color: var(--menu-border-color) } .howto-promo-container { background-image: none } .howto-circle { background: var(--menu-bg-color); border: 1px solid var(--menu-border-color) } .remote-icon { filter: invert(92%) brightness(200%) } .yt-uix-form-input-select, .yt-uix-form-input-text, .yt-uix-form-input-textarea { background: var(--input-box-bg-color); border-color: var(--menu-border-color) } #creator-sidebar .creator-sidebar-branding h1, #dashboard-header h2 a, .add-widget-menu-content h3, .dashboard-widget-header h2 a, .dashboard-widget-header:hover h2 a { color: var(--link-color) } #dashboard-header .add-widget-button-label, #dashboard-header .dashboard-stat-name, #dashboard-header .dashboard-stat-value, #dashboard-header h2, #dashboard-header h3 { text-shadow: none } .HPHGCHB-c-b { background: var(--menu-light-hover-bg-color) } .HPHGCHB-c-e { box-shadow: 0 2px 8px #111 } .dashboard-widget .dashboard-widget-config, .dashboard-widget .dashboard-widget-content, .dashboard-widget.notification, .yt-form-input-select-container select { background-color: var(--card-bg-color); color: var(--main-text-color) } .dashboard-widget .dashboard-widget-config .dashboard-widget-header, .dashboard-widget-header:hover, .dashboard-widget.yt-uix-dragdrop-cursor-follower .dashboard-widget-header, .dashboard-widget.yt-uix-dragdrop-dragged-item .dashboard-widget-header { background-color: var(--menu-bg-color); border-color: var(--menu-border-color) } .dashboard-widget-header:hover .dashboard-widget-overlay-icon, .dashboard-widget.yt-uix-dragdrop-cursor-follower .dashboard-widget-display-title, .dashboard-widget.yt-uix-dragdrop-cursor-follower .dashboard-widget-header .dashboard-widget-header-controls, .dashboard-widget.yt-uix-dragdrop-dragged-item .dashboard-widget-display-title, .dashboard-widget.yt-uix-dragdrop-dragged-item .dashboard-widget-header .dashboard-widget-header-controls, .dashboard-widget:hover .dashboard-widget-display-title { border-color: var(--menu-border-color) } .yt-uix-button-icon-dashboard-widget-config, .yt-uix-button-icon-dashboard-widget-remove { filter: invert(100%) brightness(200%) } #dashboard-header .dashboard-stat-value { color: var(--main-text-color) } #dashboard-header .add-widget-button-label, #dashboard-header .dashboard-stat-name { color: var(--main-faded-text-color) } .add-widget-button { background: no-repeat url(http://s.ytimg.com/yts/imgbin/www-videomanager-2x-vflI4gnrL.png) -26px -631px; background-size: 70px 705px; filter: brightness(150%) } .add-widget-button:focus, .add-widget-button:hover { background: no-repeat url(http://s.ytimg.com/yts/imgbin/www-videomanager-2x-vflI4gnrL.png) 0 -665px; background-size: 70px 705px; filter: invert(.7) } .add-widget-menu-content.widget-limit .add-widget-menu-item:hover, .add-widget-menu-item, .add-widget-menu-item.added:hover { color: var(--main-text-color) } #annotator-select-menu tr.yt-uix-button-menu-item:hover, .add-widget-menu-item:hover .add-widget-menu-item-contents { background-color: var(--menu-hover-bg-color) } #creator-sidebar .studio-icon { filter: invert(1) } #creator-sidebar .studio-icon.selected, #creator-sidebar a:hover .studio-icon.creator-sidebar-dashboard.selected { filter: none } .dashboard-widget-todos .todo-item { border: 1px solid transparent } .dashboard-widget-footer .dashboard-widget-view-all-link:hover, .dashboard-widget-todos .todo-item:hover { background-color: var(--card-hover-bg-color) } #vm-myvideos-search-box, #vm-playlists-search-box, #vm-tags-search-box, .dashboard-widget-todos .todo-description { border-color: var(--card-border-color) } #creator-subheader h2, .dashboard-widget-footer .dashboard-widget-view-all-link, .yt-creator-notifications .yt-creator-notifications-header h2 { color: var(--link-color) } #advanced-search-button-menu, .analytics-sparkline-card .infos .title, .dashboard-widget-comments .comment-comment, .yt-creator-notifications .yt-creator-tip-list tr { color: var(--main-text-color) } .analytics-sparkline-card:hover, .vm-list-view .vm-video-list .vm-video-item.selected { background: var(--card-hover-bg-color) } .analytics-sparkline-card .infos .total { color: var(--main-faded-text-color) } .video-list-item a:hover { background: var(--menu-hover-bg-color) } .yt-creator-notifications .yt-creator-tip-list tr { border-color: var(--sep-line-color) } .yt-creator-notifications .yt-creator-tip-list .inactive { background: var(--card-dark-bg-color) } .advanced-search-footer { background: var(--card-bg-color) } #non-appbar-vm-video-actions-bar, #non-appbar-vm-video-actions-bar .vm-video-actions-bar, #vm-pagination { background-color: var(--menu-bg-color) } .yt-ui-menu-content .yt-ui-menu-item.menu-subheading, .yt-ui-menu-content .yt-ui-menu-item.menu-subheading-notice { background: var(--card-bg-color); border-color: var(--menu-border-color); border-bottom: 1px solid var(--menu-border-color); color: var(--main-faded-text-color) } .vm-list-view .vm-video-list .vm-video-item, .vm-list-view .vm-video-metrics a:hover { background: 0 0 } .vm-list-view .vm-video-list .vm-video-item:hover { background: var(--card-light-hover-bg-color) } #non-appbar-vm-video-actions-bar .vm-video-actions-inner #vm-view-filter-label, .vm-copyright-filter-wrapper { color: var(--main-text-color) } #non-appbar-vm-video-actions-bar .vm-video-actions-inner, .menu-item-top-divider { border-color: var(--sep-line-color) } .vm-list-view .vm-video-item-content-horizontal-divider { background: var(--sep-line-color) } #creator-editor-container { background: var(--card-bg-color) } #inline-editor-main, .metadata-container, .metadata-editor-container .video-settings-form { background: 0 0 } .creator-editor-nav-tabs li a, .creator-editor-nav-tabs li>span, .tabs .tab-header a:focus, .tabs .tab-header a:hover, .tabs .tab-header.selected a, .tabs .tab-header:hover a { color: var(--main-text-color) } #add-captions-section, #annotator-add-div, #annotator-select-div, #annotator-select-menu .yt-uix-button-menu-item td, #audio-ui-pagefold, #audio-ui-wfe .audio-ui-wfe-section, #audio-ui-wfe table, #audio-ui-wfe-nonmuting .audio-ui-wfe-rowgroup, #bottom-notes-section, #enhance-footer, #event-line-editor, #video-settings-section, .annotation-details-container li.annotation-time-pair, .annotation-link, .blur-effect-entry, .copynotice-claim-details-table tr, .creator-editor-content #inline-editor-header, .creator-editor-header, .creator-editor-nav, .metadata-editor-container .subnav, .tab-container, .timed-event-line, .translation-editor-header .translation-editor-column-divider, .translation-editor-header .translation-editor-column-half { border-color: var(--sep-line-color) } .yt-uix-card-body-arrow-vertical { border-top-color: var(--menu-bg-color) } #player-and-info-pane #video-info dd, .blur-effect-entry .blur-effect-title, .copynotice-claim-info, .copynotice-top-section, .enhance-effect .property-title, .enhance-effect .slider-readout, .menu-tab.selected, .menu-tab:hover, .metadata-container h3, .single-field, .video-info-text, .yt-alert-naked .yt-alert-content { color: var(--main-text-color) } .blur-effect-entry .blur-effect-explanation, .blur-effect-footnote { color: var(--main-faded-text-color) } .video-settings-tag-chips-container { background: var(--card-dark-bg-color); border-color: var(--card-border-color) } .yt-chip { background-color: var(--menu-bg-color); color: var(--main-text-color); border-color: var(--menu-border-color); box-shadow: none } .translation-editor-original-input, .translation-editor-original-input:focus, .translation-editor-original-input:hover, .video-settings-add-tag { background-color: var(--input-box-bg-color); border: 1px solid var(--menu-border-color)!important; color: var(--main-text-color) } #annotator-select-menu tr.yt-uix-button-menu-item, #featured-tracks-header { background-color: var(--menu-bg-color) } #audio-ui { color: var(--link-color) } #audio-ui-featured-table, #featured-tracks-header { border-color: var(--menu-border-color) } .audio-ui-featured-row { background-color: var(--card-dark-bg-color); border-color: var(--card-border-color); box-shadow: none; color: var(--main-text-color) } #audio-ui-search-input-field { background-color: transparent; border: none } .searchfield input { border-color: var(--menu-bg-color); color: var(--main-text-color) } .searchfield input:focus { border-color: var(--menu-light-bg-color) } #annotator-div { background: var(--card-dark-bg-color); border-color: transparent } .time-field-nudge-container .time-field-nudge-down, .time-field-nudge-container .time-field-nudge-up { background-image: none } .annotator-clickcard-item .annotator-clickcard-title { color: var(--main-text-color) } .annotator-clickcard-item .annotator-clickcard-subtitle { color: var(--main-faded-text-color) } .annotator-overlay-content, .yt-video-picker-scroll-container { border-color: var(--menu-border-color) } .annotator-clickcard-item .annotator-clickcard-right .yt-uix-clickcard-close { filter: invert(.05) } .multitrack-timeline { background-color: var(--menu-bg-color) } .timeline-row { background-color: var(--menu-light-bg-color) } .timeline-ruler .hline, .timeline-ruler .mtick, .timeline-ruler .stick { background-color: var(--main-text-color) } .timedtext-content { background-color: transparent } #empty-editor-placeholder, #empty-editor-placeholder h3, #video-settings-section, .auto-pause-checkbox-section, .timeline-ruler .rulabel { color: var(--main-text-color) } .waveform-player, .zoom-slider { background-color: transparent } .timed-event-line.timed-event-line-focused { background-color: var(--menu-bg-color) } .timed-event-line:hover { background-color: var(--menu-hover-bg-color) } .event-text:hover, .event-time-field:hover { color: var(--main-text-color) } .zoom-slider { filter: invert(.95) } .live-dashboard .player-controls-buttons { background-color: var(--card-bg-color) } .live-dashboard-status-bar { background-color: var(--menu-bg-color) } #verify-phone-page, .live-chat-widget #comments-scroller, .live-dashboard .checklist-item, .live-dashboard .checklist-remove-container, .live-dashboard-status-bar, .live-dashboard-status-bar-container { border-color: var(--menu-border-color) } .live-chat-widget .byline a, .live-dashboard .more-actions-buttons a, .live-dashboard .strong-text, .yt-card .yt-uix-button-expander:hover { color: var(--link-color) } .live-chat-widget .byline, .live-dashboard .checklist-item, .live-dashboard .yt-uix-tabs .yt-uix-button-content { color: var(--main-text-color) } .live-chat-widget .comments-textarea-label { color: var(--main-faded-text-color) } #player .player-dragdrop-handle-container .yt-uix-dragdrop-drag-handle, .live-dashboard .yt-uix-dragdrop-drag-handle { background-color: var(--menu-bg-color); border: 1px solid var(--menu-border-color) } .yt-uix-button-icon.yt-uix-button-icon-settings.yt-sprite { filter: invert(100%) } .yt-help-icon.yt-sprite { filter: invert(100%)!important } .live-rtd-info-chart-group { filter: invert(.9) saturate(0); margin: 1em 0 } .live-comments-emoji-picker-tab-row { background-color: var(--menu-light-bg-color) } .gwt-viz-container text, .live-comments-emoji-picker-tab-cell { filter: invert(1) } .live-chat-page { background: var(--card-bg-color) } .live-chat-widget .comment { background-color: var(--card-light-bg-color) } .live-chat-widget .comment.alternate-row { background-color: var(--card-dark-bg-color) } .live-chat-widget .comment-text { color: var(--main-text-color) } .stream-health-item { background-color: transparent } .live-welcome-intro { background: var(--menu-bg-color); border-color: var(--sep-line-color) } .live-welcome-features .yt-sprite { filter: invert(.87) } .caption-queue .contribution-title a, .comments .comment-footer-action, .comments .comment-header .user-name, .comments .thumb-title, .subscribers-table .description-text a { color: var(--link-color) } .comments .comment-entry:hover .thumb-title, .comments .comment-entry:hover .vis-inspect-link, .subscribers-table .description-text a:hover { color: var(--link-hover-color) } .comments .channel-owner .comment-header .user-name { background-color: transparent; font-weight: 700 } .comments .feedback-banner, .feedback-banner { background: var(--menu-bg-color) } .tabbed-page .tabs-wrapper { border-left: none } .tabbed-page .tab, .tabbed-page .tab.active { background-color: var(--menu-bg-color); color: var(--main-text-color) } .tabbed-page .tab { border-color: var(--menu-border-color) } .tabbed-page .tab.active { border-bottom-color: var(--menu-border-color); border-left-color: var(--menu-border-color); border-right-color: var(--menu-border-color) } .tabbed-page .tab:hover, .video-dds .entry:hover .highlight { background-color: var(--menu-hover-bg-color) } .caption-queue td, .caption-queue th, .subscribers-table .subscribers-table-header, .subscribers-table td, .tabbed-page .options-bar, .tabbed-page .tabs-area { border-color: var(--sep-line-color) } .video-dds, .video-dds.open, .video-dds:hover { border-color: var(--menu-border-color) } .video-dds .list, .video-dds .topline { background-color: var(--menu-bg-color) } .video-dds.open .topline { background-color: var(--menu-light-bg-color) } .video-dds .list { border-color: var(--menu-border-color) } .video-dds .entry:hover .highlight { color: var(--link-color) } .video-dds .highlight { color: var(--main-text-color) } .comments .comment-item:hover .mod-buttonbar, .comments .comment-item:hover .mod-buttonbar .mod-button { border-color: var(--menu-border-color) } .commenthub .comments .mod-buttonbar .mod-button-content:hover { background: #ccccc6 } .comments .mod-list, .comments .mod-list-button { background-color: #ccccc4 } .comments .paginator, .comments .paginator:hover { background-image: none; background-color: var(--menu-bg-color); border-color: var(--menu-border-color) } .comments .paginator:hover { background-color: var(--menu-hover-bg-color) } .caption-queue, .comments .paginator, .subscribers-table .subscribed-since, .subscribers-table .subscribers-table-header, .tabbed-page .tab.active a { color: var(--main-text-color) } .HPHGCHB-P-g h2 a:hover, .HPHGCHB-R-g h2 a:hover, .caption-queue .contribution-title a:hover { color: var(--link-hover-color) } .waveform-container, .waveform-slider-container, .zoom-icon-container, .zoom-slider-container { filter: invert(.92) saturate(0) } .captions-credits-opt-in-box { background: var(--card-bg-color); border-color: var(--card-border-color) } #comment-settings .comment-settings-section { border-color: var(--menu-border-color); background-color: var(--menu-bg-color) } #comment-settings .comment-settings-header { background-color: var(--menu-light-bg-color) } #comment-settings .comment-settings-label, #comment-settings .comment-settings-title, .account-feature-v2-grid-items .account-features-v2-grid-item-description a { color: var(--link-color) } #comment-settings .comment-settings-control-info, #comment-settings .comment-settings-subtitle, #comment-settings label { color: var(--main-text-color) } .acl-target-list-container .none-defined-text { color: var(--main-faded-text-color) } .acl-target-list-container[data-which=moderator] { border-color: var(--menu-border-color); background-color: var(--input-box-bg-color) } .account-features-v2-content, .acl-target-list-container .target-search, .channel-watermark-uploader-content .upload-guidelines { color: var(--main-text-color) } #creator-subheader, .HPHGCHB-T-e, .HPHGCHB-T-n tr, .HPHGCHB-q-h, .HPHGCHB-t-a, .account-content .account-section.account-bordered-section, .account-feature-v2-grid-items .account-features-v2-grid-item-title, .account-status-scales, .account-status-v2 { border-color: var(--sep-line-color) } .HPHGCHB-r-h { border-color: var(--menu-light-border-color) } .HPHGCHB-cb-e.HPHGCHB-a-a { border-color: var(--sep-line-color)!important } .HPHGCHB-R-C .HPHGCHB-R-x, .HPHGCHB-R-c, .HPHGCHB-R-x, .HPHGCHB-R-z, .account-feature-v2-grid-items li { background-color: var(--menu-bg-color); border-color: var(--menu-border-color) } .HPHGCHB-T-n td:nth-child(3):hover, .HPHGCHB-T-n td:nth-child(4):hover { background: var(--menu-hover-bg-color) } .featured-programming-editor .overview { border-color: var(--card-border-color) } #creator-subheader, .HPHGCHB-N-c, .HPHGCHB-R-D, .HPHGCHB-R-h, .HPHGCHB-b-d, .HPHGCHB-b-l, .channel-watermark-uploader-content .watermark-example-container, .featured-programming-editor .overview { background-color: var(--card-light-bg-color) } .HPHGCHB-H-a a, .HPHGCHB-P-g h2 a, .HPHGCHB-R-g h2 a, .HPHGCHB-R-s .HPHGCHB-R-B, .HPHGCHB-T-e, .HPHGCHB-T-s .HPHGCHB-T-B, .HPHGCHB-T-v .HPHGCHB-T-B, .HPHGCHB-d-a .HPHGCHB-d-b, .HPHGCHB-pb-d, .gwt-Label.HPHGCHB-nb-A.HPHGCHB-nb-j.HPHGCHB-nb-C.HPHGCHB-nb-B { color: var(--link-color) } .HPHGCHB-T-b, .HPHGCHB-T-l .HPHGCHB-f-c:hover .HPHGCHB-f-f, .HPHGCHB-T-l .HPHGCHB-f-h .HPHGCHB-f-f, .HPHGCHB-T-w, .HPHGCHB-b-c, .HPHGCHB-d-a .HPHGCHB-d-b { color: var(--main-text-color) } .HPHGCHB-R-b, .HPHGCHB-R-e h3, .HPHGCHB-R-j, .HPHGCHB-R-w { color: var(--main-faded-text-color) } .HPHGCHB-P-j { opacity: 1 } .HPHGCHB-P-g h2 .HPHGCHB-P-j { filter: saturate(0) invert(100%) brightness(300%) } .HPHGCHB-R-d li, .HPHGCHB-R-e, .HPHGCHB-R-l .HPHGCHB-f-c:hover .HPHGCHB-f-f, .HPHGCHB-R-l .HPHGCHB-f-h .HPHGCHB-f-f, .HPHGCHB-g-f, .HPHGCHB-r-f { color: var(--main-text-color); text-shadow: none } .HPHGCHB-g-f .HPHGCHB-g-c, .HPHGCHB-g-w .HPHGCHB-g-c { border-top-color: var(--main-text-color) } .HPHGCHB-g-q, .HPHGCHB-g-q:hover { border-width: 1px; border-style: solid } .HPHGCHB-g-f:focus, .HPHGCHB-g-v:focus, .HPHGCHB-g-w:focus { box-shadow: none } .HPHGCHB-H-g .HPHGCHB-H-d.HPHGCHB-H-e, input.HPHGCHB-l-f { color: var(--main-text-color) } input.HPHGCHB-l-f { background-color: var(--input-box-bg-color); border-color: var(--menu-border-color) } .HPHGCHB-N-b, .HPHGCHB-N-c, .HPHGCHB-N-g, .HPHGCHB-N-h, .HPHGCHB-R-m, .HPHGCHB-T-d, .HPHGCHB-T-k tr, .HPHGCHB-Z-a:first-child>ul { border-color: var(--menu-light-border-color) } .HPHGCHB-ab-e { border-color: var(--menu-light-border-color)!important } .HPHGCHB-K-h { color: var(--main-text-color); border-color: var(--menu-light-border-color) } .HPHGCHB-K-h, .HPHGCHB-K-h .datePickerMonthSelector { background-color: var(--menu-bg-color) } .HPHGCHB-K-h .datePickerWeekdayLabel, .HPHGCHB-K-h .datePickerWeekendLabel { background-color: var(--menu-hover-bg-color); border-color: var(--menu-border-color) } .HPHGCHB-K-h .datePickerNextButton, .HPHGCHB-K-h .datePickerPreviousButton { color: var(--main-text-color) } .HPHGCHB-K-h .datePickerDayIsWeekend { background-color: var(--card-bg-color) } .HPHGCHB-K-h .datePickerDayIsValue { box-shadow: inset 0 0 .1em var(--main-text-color); background-color: var(--menu-light-hover-bg-color) } .HPHGCHB-K-h .datePickerDay:hover, .HPHGCHB-K-h .datePickerWeekdayLabel:hover, .HPHGCHB-K-h .datePickerWeekendLabel:hover { background-color: var(--menu-light-hover-bg-color); color: var(--link-hover-color) } .HPHGCHB-K-c, .HPHGCHB-W-u, .HPHGCHB-kb-b, .HPHGCHB-r-b .HPHGCHB-r-g, .HPHGCHB-r-b .HPHGCHB-r-g .HPHGCHB-g-f, .HPHGCHB-r-b .HPHGCHB-r-g .HPHGCHB-r-f { filter: invert(100%) } .HPHGCHB-r-b .HPHGCHB-r-g.HPHGCHB-r-e { background-color: var(--menu-light-hover-bg-color); filter: invert(0%) } .HPHGCHB-r-b .HPHGCHB-r-g.HPHGCHB-r-e a { color: #000 } .HPHGCHB-b-s { margin-top: 0 } .HPHGCHB-b-s .HPHGCHB-a-a { padding-top: 20px } .HPHGCHB-P-b { background-color: var(--menu-light-bg-color) } .HPHGCHB-N-h, .HPHGCHB-T-D, .HPHGCHB-T-h { background: var(--menu-bg-color) } .HPHGCHB-R-c:hover, .HPHGCHB-R-p:hover { background: var(--menu-hover-bg-color) } .HPHGCHB-T-C .HPHGCHB-T-x, .HPHGCHB-T-c, .HPHGCHB-T-m, .HPHGCHB-T-x, .HPHGCHB-T-z { border-color: var(--menu-border-color) } .HPHGCHB-f-a { background: 0 0 } .HPHGCHB-kb-m, .HPHGCHB-kb-p { background: var(--menu-light-bg-color) } .HPHGCHB-kb-e { background: var(--menu-bg-color) } .HPHGCHB-kb-y, .HPHGCHB-kb-y tr { border-color: var(--menu-border-color) } .HPHGCHB-kb-r, .HPHGCHB-q-b:hover, .HPHGCHB-q-q:hover, .HPHGCHB-q-s:hover { background: var(--menu-hover-bg-color) } .HPHGCHB-f-i { background: var(--menu-light-bg-color) } .HPHGCHB-q-b, .HPHGCHB-q-q { background: var(--menu-bg-color); border-color: var(--menu-border-color) } .HPHGCHB-q-a, .HPHGCHB-q-h, .HPHGCHB-s-f { color: var(--main-text-color) } .HPHGCHB-q-u:hover, .footer-secondary .footer-secondary-info a:hover, .yt-creator-hub-card-0 #content.yt-creator-hub-card #info.yt-creator-hub-card a:hover, .yt-creator-hub-card-0 #content.yt-creator-hub-card .link.yt-creator-hub-card a:hover, .yt-creator-hub-event-0 a.yt-creator-hub-event:hover, .yt-creator-hub-social-nav-0 li.yt-creator-hub-social-nav:hover a { color: var(--link-hover-color) } .HPHGCHB-M-e { background: var(--menu-light-bg-color) } .HPHGCHB-L-i, .HPHGCHB-L-j, .HPHGCHB-M-b { background: var(--menu-light-bg-color); border-color: var(--menu-light-border-color) } .HPHGCHB-L-j.HPHGCHB-g-y, .HPHGCHB-L-j.HPHGCHB-g-y:hover, .HPHGCHB-L-j:hover, .HPHGCHB-eb-a { background: var(--menu-light-hover-bg-color) } .HPHGCHB-L-n { color: var(--link-color) } .HPHGCHB-L-p { color: var(--main-text-color) } .HPHGCHB-M-a, .HPHGCHB-M-e, .HPHGCHB-W-c td, .HPHGCHB-W-c th, .HPHGCHB-W-o td, .HPHGCHB-W-o th, .HPHGCHB-eb-a, .HPHGCHB-eb-a li { border-color: var(--menu-light-border-color) } #gwt-debug-date-range-slider, #gwt-debug-performanceChart { filter: invert(.9) } .HPHGCHB-eb-a { background-color: var(--menu-bg-color) } .HPHGCHB-eb-a li { background-color: var(--menu-light-bg-color) } .HPHGCHB-eb-a li:hover { background-image: none; background-color: var(--menu-light-hover-bg-color) } .HPHGCHB-eb-a li.HPHGCHB-eb-b { background-color: var(--menu-light-active-bg-color) } .HPHGCHB-W-c, .HPHGCHB-W-o, .HPHGCHB-W-o tr:nth-child(2n) { background-color: var(--menu-bg-color) } .HPHGCHB-W-H, .HPHGCHB-W-o .HPHGCHB-W-w td { background-color: var(--menu-light-bg-color) } #yt-editor-project-menu div.project-menu-item.selected, #yt-editor-project-menu div.project-menu-item:hover, .HPHGCHB-W-o tr:hover, paper-item:hover { background-color: var(--menu-hover-bg-color) } .HPHGCHB-W-o .HPHGCHB-W-H:hover, .track.expanded .audiolibrary-track-head .audiolibrary-column .popularity-bar, .track.loading .audiolibrary-track-head .audiolibrary-column .popularity-bar, .track:hover .audiolibrary-track-head .audiolibrary-column .popularity-bar { background-color: var(--menu-light-hover-bg-color) } #main-title, .HPHGCHB-W-F, .HPHGCHB-W-q .HPHGCHB-W-F, button.track-selection-menu-button { color: var(--link-color) } .HPHGCHB-W-g { color: var(--main-faded-text-color) } .top-menu, .track-filter-selection-list .track-filter.all, .track-list li.track, .track-list li.track.expanded { border-color: var(--menu-border-color) } .track-list li.track { background-color: var(--card-dark-bg-color) } .track-list li.track.expanded, .track-list li.track:hover { background-color: var(--card-hover-bg-color) } .track-list li.track.loading { background-color: var(--card-light-hover-bg-color) } .audiolibrary-column-genre-and-mood a:hover, .audiolibrary-column-title, .audiolibrary-column-title-expand, .track.expanded .audiolibrary-track-head .audiolibrary-column, .track.loading .audiolibrary-track-head .audiolibrary-column, .track:hover .audiolibrary-track-head .audiolibrary-column { color: var(--link-color) } .audiolibrary-column-album, .audiolibrary-column-artist, .audiolibrary-column-duration, .audiolibrary-column-genre-and-mood a { color: var(--main-text-color) } .asset-composition-section, .asset-sound-recording-section, .music-attribution-monetization-section, .music-attribution-no-monetization-section, .music-no-attribution-monetization-section, .music-no-attribution-no-monetization-section { color: var(--main-faded-text-color) } #video-title, .asset-monetization-header, .asset-monetization-list div, .asset-restrictions-header, .asset-restrictions-list div, .asset-stores-header, .asset-stores-list div, .drag-to-begin-audio-message p, .drag-to-begin-message p, .editor-slider .slider-readout, .editor-timeline .timeline-ruler .rulabel, .text-property-panel .property-title { color: var(--main-text-color) } #yt-editor-project-menu .project-menu-header { background-color: var(--menu-light-bg-color); border-color: var(--menu-light-border-color) } #video-title { background-color: var(--input-box-bg-color); box-shadow: none; border-color: var(--menu-border-color) } #video-title:focus { color: var(--main-text-color); outline: 1px solid var(--menu-light-border-color) } .infobox-body { background: var(--menu-bg-color) } #storyboard { background-color: var(--menu-bg-color); border-color: var(--menu-border-color) } .timeline-audio-clip .audio-overflow-mask { background-color: var(--card-bg-color) } #advertising-note, #top-bar, .image-media #infobox-options-container, .video-media #infobox-options-container { border-color: var(--sep-line-color) } .editor-timeline .timeline-ruler .hline, .editor-timeline .timeline-ruler .mtick .base, .editor-timeline .timeline-ruler .stick { background-color: var(--menu-light-border-color) } #mediapicker .video-original.selected .video-title, .dragging .video-title, .editor-thumb:hover .video-title, .media-list .editor-thumb .video-title { background: var(--menu-bg-color); color: var(--link-color); opacity: .8 } .editor-thumb-body, .editor-thumb-body:hover, .ghost { outline-color: var(--menu-light-border-color) } .editor-thumb-body { background-color: var(--menu-light-bg-color) } .editor-thumb-body:hover { background-color: var(--menu-light-hover-bg-color) } .mediapicker-audio.audio-track .audio-title, .mediapicker-audio.audio-track .editor-thumb-time { color: var(--main-text-color) } .mediapicker-audio.audio-track .audio-artist, .mediapicker-audio.audio-track .audio-genre { color: var(--main-faded-text-color) } #audio-media-list .scroll-content .audio-original.selected, #audio-media-list .scroll-content .audio-original:hover { box-shadow: 0 1px 0 0 var(--menu-light-border-color); border-color: var(--menu-light-border-color); background-color: var(--menu-hover-bg-color) } #creator-sidebar>#creator-sidebar-section-id-dashboard.selected>h3 a, #creator-sidebar>#creator-sidebar-section-id-your-contributions.selected>h3 a { background-color: var(--menu-hover-bg-color); color: #cc181e } #yt-main-nav-container, .yt-nav-dark { background: var(--card-bg-color) } #yt-microsite .yt-card-light .yt-card-title h2, #yt-microsite .yt-card-light h2.yt-card-title, #yt-microsite-features .yt-microsite-feature strong, #yt-microsite-features .yt-microsite-features strong, .footer-secondary a, .yt-testtube-card-light .yt-testtube-card-title, .yt-testtube-card-title { color: var(--link-color) } .yt-testtube-card-dark .yt-testtube-card-content, .yt-testtube-card-light .yt-testtube-card-content { color: var(--main-text-color) } #yt-main-nav .yt-nav-element.active, #yt-main-nav .yt-nav-element.yt-nav-navmenu-container.yt-collapsed.active-nav, #yt-main-nav .yt-nav-element:active, #yt-main-nav .yt-nav-element:hover, #yt-main-nav a.active, #yt-main-nav a:active, #yt-main-nav a:hover, #yt-main-nav>a.active, #yt-main-nav>a:active, #yt-main-nav>a:hover, .nav-container>a.active, .nav-container>a:active, .nav-container>a:hover, .yt-nav-navmenu-container.yt-expanded { background-color: var(--card-light-bg-color) } .page-header { background: var(--bg-color) } #yt-microsite h2, #yt-microsite h3, #yt-microsite h4, #yt-microsite h5, #yt-sidebar h2 a, #yts-nav ol li.top-level a, .yt-text h1, .yt-text h2, .yt-text h3, h1.yt, h2.yt, h3.yt { text-shadow: none; color: var(--link-color) } #yt-microsite .yt-card-dark .yt-card-text p, #yt-microsite .yt-card-light .yt-card-text, #yt-microsite .yt-card-light .yt-card-text .yt-policyandsafety-col, #yt-microsite .yt-card-light .yt-card-text .yt-policyandsafety-col p, #yt-microsite .yt-card-light .yt-card-text p, #yt-microsite .yt-policyandsafety-content-container p, #yt-microsite-features p, #yt-sidebar ul a, #yts-article, #yts-nav .indented .sub-level a, .yt-text ol, .yt-text ul, ol.yt, ul.yt { color: var(--main-text-color) } #yts-nav .indented .sub-level a:hover { background: var(--menu-hover-bg-color); background-image: none } #yts-article #header, #yts-article .with-separator, #yts-nav, .header, .separator, .with-divider { border-color: var(--sep-line-color) } #yts-article::after, .yt-card-light, .yt-tile-default:hover, .yt-tile-static, .yt-tile-visible { background: var(--card-bg-color); border-color: var(--card-light-bg-color); box-shadow: none } .yt-sidebar-border, hr.yt-advertise-sidebar-rule { border-color: var(--sep-line-color) } #yt-sidebar li.selected a, .footer-secondary .footer-secondary-info a, .footer-secondary a { font-weight: 400 } .yt-cardified #page { background-color: var(--bg-color) } #yt-jobs-search-form .yt-jobs-searchbox { background-color: var(--input-box-bg-color); border-color: var(--card-light-bg-color); color: var(--main-text-color) } .footer-secondary li, .yt-form-input-select-container { text-shadow: none } .yt-form-input-select-container:hover { border-color: var(--menu-light-border-color) } .yt-form-input-select-value { color: var(--main-text-color) } #content.yt-creator-hub-page, body:not([style-scope]):not(.style-scope) { background-color: var(--bg-color)!important } #yt-dev-nav-container, .yt-creator-hub-page-0 #masthead.yt-creator-hub-page { background: var(--card-dark-bg-color) } .yt-creator-hub-card-0 #content.yt-creator-hub-card #info.yt-creator-hub-card p, .yt-creator-hub-page-0 #hamburger.yt-creator-hub-page { color: var(--main-text-color) } .yt-creator-hub-logo-0 { background-color: transparent } .iron-image-0 #img.iron-image { visibility: hidden; width: 72px; height: 32px } .yt-creator-hub-logo-0 #logo.yt-creator-hub-logo { background: no-repeat url(data:image/png;base64,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); background-size: 100%; opacity: .65 } .yt-creator-hub-logo .iron-image-0 #img.iron-image { visibility: hidden } .yt-creator-hub-card-0 #content.yt-creator-hub-card #title.yt-creator-hub-card h1, .yt-creator-hub-card-0 #content.yt-creator-hub-card #title.yt-creator-hub-card h2, .yt-creator-hub-card-0 #content.yt-creator-hub-card #title.yt-creator-hub-card h3, .yt-creator-hub-card-0.yt-benefit-layout #content.yt-creator-hub-card #title.yt-creator-hub-card h1, .yt-creator-hub-card-0.yt-home-layout #content.yt-creator-hub-card #title.yt-creator-hub-card h1, .yt-creator-hub-card-0.yt-home-layout #content.yt-creator-hub-card #title.yt-creator-hub-card h2, .yt-creator-hub-events-filter-0 #label-container.yt-creator-hub-events-filter h2#heading.yt-creator-hub-events-filter, .yt-creator-hub-logo-0 #link.yt-creator-hub-logo a, .yt-creator-hub-page-0 #menu.yt-creator-hub-page a { color: var(--link-color) } .yt-creator-hub-page-0 #nav.yt-creator-hub-page { background: var(--card-bg-color) } .yt-creator-hub-page-0 #nav.yt-creator-hub-page>div a.active, .yt-creator-hub-page-0 #nav.yt-creator-hub-page>div a:active, .yt-creator-hub-page-0 #nav.yt-creator-hub-page>div a:hover { color: var(--link-color); font-weight: 400 } .yt-creator-hub-drawer-0 #content.yt-creator-hub-drawer { background-color: var(--menu-bg-color) } .yt-creator-hub-page-0 #menu.yt-creator-hub-page a.active, .yt-creator-hub-page-0 #menu.yt-creator-hub-page a:hover { background: var(--menu-hover-bg-color); color: var(--link-hover-color) } .yt-creator-hub-card-0 { background-color: var(--light-bg-color) } .yt-creator-hub-spotlight-0, .yt-creator-hub-spotlights-0 { background: 0 0 } .yt-card a.yt-action:not([style-scope]):not(.style-scope), .yt-creator-hub-card-0 #content.yt-creator-hub-card #info.yt-creator-hub-card a, .yt-creator-hub-card-0 #content.yt-creator-hub-card .link.yt-creator-hub-card a, .yt-creator-hub-event-0 a.yt-creator-hub-event, .yt-creator-hub-social-nav-0 a { color: var(--link-color) } .yt-creator-hub-card-0 #content.yt-creator-hub-card .link.yt-creator-hub-card a::after, .yt-creator-hub-event-0 a.yt-creator-hub-event::after { filter: invert(60%) } .yt-creator-hub-dropdown-0 { background-color: transparent } #yt-microsite .yt-card-light, .yt-advertise-sidebar p, .yt-creator-hub-dropdown-0 #label.yt-creator-hub-dropdown, .yt-creator-hub-event-0 h2.yt-creator-hub-event { color: var(--main-text-color) } .paper-input-container-0 .input-content.paper-input-container .paper-input-input, .paper-input-container-0 .input-content.paper-input-container input, .paper-input-container-0 .input-content.paper-input-container iron-autogrow-textarea, .paper-input-container-0 .input-content.paper-input-container textarea, paper-item { color: var(--main-text-color); cursor: pointer } .paper-dropdown-menu, .paper-listbox-0, .paper-menu-button-0 .dropdown-content.paper-menu-button, md-sidenav { background-color: var(--menu-bg-color) } .paper-input-container-0 { border-color: var(--menu-border-color) } .paper-input-container-0 .unfocused-line.paper-input-container { background: var(--menu-border-color) } .yt-creator-hub-events-filter-0, md-content.md-default-theme { background-color: transparent } .make-video-director-adwords-banner a.adwords-cta-banner, .make-video-grid-steps, .yt-creator-hub-event-0 .card.yt-creator-hub-event, .yt-dev-footer, a.adwords-cta-banner { background-color: var(--card-bg-color) } .yt-creator-hub-event-0 h1.yt-creator-hub-event { color: var(--link-color); border-color: var(--sep-line-color) } #yt-dev-nav a.active, #yt-dev-nav a:active, #yt-dev-nav a:hover { background-color: var(--menu-hover-bg-color) } .yt-toggle-dev-demos-sidebar-button { background: var(--menu-bg-color); color: var(--main-text-color) } #menu-arrow { fill: var(--main-text-color) } .yt-dev-demos-sidebar { background-color: var(--menu-bg-color) } .yt-dev-demos-sidebar-title, .yt-dev-demos-tab .yt-dev-demos-tab-text { color: var(--link-color) } #error-page-content p, .yt-dev-demos-sidebar-resources-title { color: var(--main-text-color) } .yt-dev-demos-tab.yt-dev-demos-sidebar-tabs-highlighted, .yt-dev-demos-tab.yt-dev-demos-sidebar-tabs-highlighted:hover, .yt-dev-demos-tab:hover { background-color: var(--card-light-bg-color) } .yt-dev-demos-tab:hover { border-color: var(--menu-light-border-color) } .yt-dev-demos-sidebar-resources-container, .yt-dev-demos-sidebar-tabs-container { border-color: var(--sep-line-color); background-color: var(--card-bg-color) } .yt-dev-showcase-external-link-msg-container:hover .yt-dev-showcase-external-link-img { filter: saturate(0) brightness(250%) } #error-page-content p { text-shadow: none } .sb-card-arrow { border-bottom-color: var(--sep-line-color) } .sb-card-body-arrow { border-bottom-color: var(--card-light-bg-color) } .sb-card-border { border-color: var(--sep-line-color); box-shadow: none; background: 0 0 } .sb-on { box-shadow: 0 2px 1px #1a1a1a } .exp-searchbox-redesign #masthead-search { background-color: var(--card-dark-bg-color) } .exp-searchbox-redesign #masthead-search-terms input { padding: 5px } .mc-actions, .mc-channel-footer, .mc-channel-item { background-color: var(--card-bg-color); border-color: var(--card-light-bg-color); color: var(--main-text-color)!important } .mc-channel-title-content { color: var(--main-text-color)!important } .yt-card .yt-uix-tabs .yt-uix-button { background-color: var(--card-bg-color) } .monetize-with-ads.monetize-options-box { background-color: var(--card-bg-color); box-shadow: none } .basic-info-tab .custom-thumb-area, .upload-thumb, hr.metadata-separator-line { border-bottom: none; border-color: var(--card-light-bg-color) } .item-title, .monetize-with-ads.monetize-options-box h3 { color: var(--main-text-color)!important; font-weight: 600 } #channel-switcher-content, .yt-masthead-account-picker-option, .yt-masthead-picker-photo-wrapper { background-color: var(--card-bg-color) } .not-yt-legacy-css .yt-masthead-picker-photo-wrapper .yt-thumb, .yt-masthead-account-picker-option:hover, .yt-masthead-account-picker-option:hover .yt-masthead-picker-photo-wrapper, .yt-masthead-picker-body .yt-masthead-picker-photo-wrapper, .yt-uix-clickcard-card.yt-masthead-multilogin .yt-masthead-multilogin-users-header, .yt-uix-clickcard-card.yt-masthead-multilogin .yt-masthead-picker-header { background-color: var(--card-light-bg-color) } .yt-masthead-account-picker-option .yt-masthead-picker-name { color: var(--main-text-color)!important } .yt-uix-clickcard-card.yt-masthead-multilogin .yt-uix-card-body-arrow { border-bottom-color: var(--card-light-bg-color) } .channel-switcher-button .yt-uix-button, .social-connector.connected, .ytp-ce-expanding-overlay-background { background-color: var(--card-light-bg-color) } .channel-switcher-button:hover .yt-uix-button { background-color: var(--card-bg-color) } .social-connector .connection-settings-container, .ytp-ce-channel-this .ytp-ce-channel-metadata { border-color: var(--menu-border-color) } .watch-stage-mode #theater-background { display: none } /* Dark subscribe button instead of YT red */ /* .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 { filter: saturate(0.075) hue-rotate(240deg); } */ } @-moz-document domain("apis.google.com") { .nbc { background-color: #2a2a2e; border-color: #36363f } .nbc a { color: #aaaab6 } } @-moz-document url-prefix("https://plus.google.com/_/notifications/frame?origin=https%3A%2F%2Fwww.youtube.com&source=yt") { .Lub, .TC, .TR, .WR, .Xa, .bS, .l4a, .vy { background-color: transparent } .IO, .WdjWF, .WpuQke, .aac, .cp, .tQb, .ve, .wu, .xac { background-color: #2a2a2d } .fr, .qac { background-color: #222225 } .Fr+.bj, .Fr>.Qp, .IO, .cp, .fr>.vt, .wu { border-color: #3a3a40 } .Kza, .MNn0h, .d-r, .f4a.tta, .nfe { background-color: #3a3a40 } .d-A-u, .d-A-yb, .l4a:active .f4a { background-color: #4a4a50 } .Gc.esw, .Id>.eswd { background-color: #3a3a40 } .Id>.eswd { color: #ccc; border-color: #4a4a50 } .Gc.esw { border-color: #46464f } .Dg:hover, .Gc.eswd:hover { border-color: #52525f } .Iac, .Oub.d-r-Gk .d-A, .Ub, .bS, .cp, .d-A-u .d-A-B, .d-A-yb .d-A-B, .k4a, .ot-hashtag, .proflink, .sQb:link, .sQb:visited, .tta .Jub, .vy, .xQb { color: #ccc } .Aq, .MNn0h.RATVS .YGETNc, .MNn0h:hover .YGETNc, .SR, .YGETNc, .bhsVm, .dR.d-s, .dn, .nYXukb, .tf, .tta .Gub, .tta .Hub, .y9fV .YGETNc { color: #999 } .MNn0h.RATVS, .MNn0h:hover { background-color: #3c3c42 } .TR, .bxpCne, .eswd .sm, .gr, .hhb, .khb, .nV46l, .tubEcf, .vwa { filter: invert(.7) brightness(3) } }