Created
March 29, 2018 06:37
-
-
Save chloechantelle/b179fe294baf2d3b0347e7b279f818ef to your computer and use it in GitHub Desktop.
YouTube CSS
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Required: http://www.fontsquirrel.com/fonts/open-sans */ | |
| @-moz-document domain("youtube.com") | |
| { | |
| :root | |
| { | |
| --bg: #1d1e2a !important; | |
| /* main */ | |
| --bg2: #1a1b26 !important; | |
| /* alt */ | |
| --bg3: #14151F !important; | |
| /* header */ | |
| --first-color: #aaa !important; | |
| /* grey - main color */ | |
| --second-color: #74857C !important; | |
| /* green - alt text */ | |
| --third-color: #7587a6 !important; | |
| /* blue - links */ | |
| --font1: "Open Sans", "Segoe UI" !important; | |
| /* main font */ | |
| --font2: "Open Sans Semibold", "Segoe UI" !important; | |
| /* today/channel font */; | |
| } | |
| /* ------------------- options ----------------- */ | |
| /* ----- remove play/pause button ----- */ | |
| .ytp-play-button | |
| { | |
| display: initial !important; | |
| /*none or initial */; | |
| } | |
| /* hide upload button */ | |
| ytd-button-renderer.ytd-masthead > a:nth-child(1) > yt-icon-button:nth-child(1) > button:nth-child(1) > yt-icon:nth-child(1) > svg:nth-child(1) > g:nth-child(1) > path:nth-child(1) | |
| { | |
| display: none !important; | |
| /*none or initial */; | |
| } | |
| /* hide yt apps button */ | |
| yt-icon.ytd-topbar-menu-button-renderer > svg:nth-child(1) > g:nth-child(1) > path:nth-child(1) | |
| { | |
| display: none !important; | |
| /*none or initial */; | |
| } | |
| /* ------------------- basic colors ----------------- */ | |
| /* main bg */ | |
| body, html, #page-manager.ytd-app, #notification-count.ytd-notification-topbar-button-renderer, .yt-uix-button-menu .yt-uix-button-menu-item:hover, .guide-item:hover, paper-icon-item:hover, ytd-popup-container, .badge.ytd-badge-supported-renderer, div.ytp-popup:nth-child(24), .description.ytd-video-secondary-info-renderer yt-formatted-string.ytd-video-secondary-info-renderer, paper-button.ytd-expander, ytd-app, #yt-masthead-user .sb-notif-on .yt-uix-button-content, .yt-uix-button.yt-uix-button-subscribe-branded, .yt-uix-button.yt-uix-button-subscribed-branded, #toggle.ytd-grid-renderer, ytd-page-manager > .ytd-page-manager, #sentiment.ytd-video-primary-info-renderer, ytd-playlist-sidebar-renderer, ytd-playlist-video-renderer, ytd-browse.style-scope:nth-child(4) > ytd-two-column-browse-results-renderer:nth-child(7) > ytd-section-list-renderer:nth-child(1) > div:nth-child(3), div.ytd-section-list-renderer, #primary | |
| { | |
| background: var(--bg) !important; | |
| } | |
| /* alt bg */ | |
| #items.yt-multi-page-menu-section-renderer > .yt-multi-page-menu-section-renderer, ytd-menu-service-item-renderer:hover, body #footer-container, ytd-guide-renderer, #channel-header.ytd-c4-tabbed-header-renderer, paper-item:hover, ytd-confirm-dialog-renderer[dialog][dialog][dialog], paper-button, #header.ytd-app, #banner.ytd-playlist-header-renderer, #content.ytd-playlist-video-renderer:hover, #creator-sidebar > #creator-sidebar-section-id-dashboard.selected > h3 a, #creator-sidebar > #creator-sidebar-section-id-your-contributions.selected > h3 a, .yt-uix-button-dark, #creator-sidebar .creator-sidebar-section a:hover, #non-appbar-vm-video-actions-bar .vm-video-actions-inner, #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, #yt-masthead-notifications-content .item-section > li > .yt-lockup-tile:hover, #yt-masthead-notifications-content .yt-lockup-tile:hover .yt-ui-ellipsis, .tabbed-page .tab.active, .tabbed-page .tab, .video-dds .topline, .comments .mod-buttonbar .mod-button-content, .yt-masthead-account-picker-option:hover, .yt-uix-clickcard-card.yt-masthead-multilogin .yt-masthead-picker-header, .yt-uix-clickcard-card.yt-masthead-multilogin .yt-masthead-multilogin-users-header, #appbar-nav, .yt-uix-form-input-fluid .yt-uix-form-input-text, .yt-uix-form-input-fluid .yt-uix-form-input-textarea, .yt-subscription-button-subscriber-count-branded-horizontal, .yt-subscription-button-subscriber-count-unbranded-horizontal, .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, .ytd-button-renderer-3 a.ytd-button-renderer[is="yt-endpoint"], paper-listbox, .pl-video:hover, .pl-video-list-editable .pl-video:hover .pl-video-handle, .yt-uix-dragdrop-cursor-follower .pl-video-handle, .channel-header .secondary-header-contents, ytd-active-account-header-renderer | |
| { | |
| background: var(--bg2) !important; | |
| } | |
| /* header and search */ | |
| #container.ytd-masthead, paper-toast.ytd-notification-action-renderer, ytd-searchbox[mode="legacy"] #container.ytd-searchbox, ytd-searchbox[mode="legacy"] #search-icon-legacy.ytd-searchbox, ytd-simple-menu-header-renderer, #items.yt-multi-page-menu-section-renderer > .yt-multi-page-menu-section-renderer:hover, paper-menu, .yt-card, .yt-uix-button-menu, #yt-masthead-container, #masthead-search-terms input, #guide-container, #endpoint.ytd-guide-entry-renderer:hover, #sections.ytd-multi-page-menu-renderer > .ytd-multi-page-menu-renderer, paper-item.ytd-account-settings, paper-item.ytd-compact-link-renderer, #tabs-inner-container.ytd-c4-tabbed-header-renderer, .buttons.ytd-confirm-dialog-renderer, .ytp-play-progress, .ytp-scrubber-button, .ytp-chrome-controls .ytp-button[aria-pressed]::after, .ytp-menuitem[aria-checked="true"] .ytp-menuitem-toggle-checkbox, #edit-buttons.ytd-c4-tabbed-header-renderer ytd-button-renderer.ytd-c4-tabbed-header-renderer, ytd-sentiment-bar-renderer, .header.ytd-playlist-panel-renderer, ytd-playlist-panel-video-renderer, .playlist-items.ytd-playlist-panel-renderer, ytd-button-renderer.style-text[is-icon-button], ytd-button-renderer.style-default[is-icon-button], ytd-button-renderer.style-opacity[is-icon-button], .dashboard-widget-padded-content, .dashboard-widget-header, .analytics-sparkline-card, .dashboard-widget-footer .dashboard-widget-view-all-link, #vm-pagination, #yt-masthead-notifications-content .item-section > li > .yt-lockup-tile, #yt-masthead-notifications-content .yt-ui-ellipsis, #yt-masthead-notifications-header, .yt-masthead-picker-footer, .yt-masthead-account-picker-option, .yt-masthead-picker-body, .yt-masthead-account-picker.yt-uix-clickcard-card-content, #buttons.ytd-dismissal-follow-up-renderer, ytd-dismissal-follow-up-renderer[dialog][dialog][dialog], .yt-live-chat-message-input-renderer-0, .yt-live-chat-item-list-renderer-1 #item-scroller.animated.yt-live-chat-item-list-renderer #items.yt-live-chat-item-list-renderer, .yt-live-chat-renderer-0 yt-live-chat-header-renderer.yt-live-chat-renderer, #header.ytd-add-to-playlist-renderer, #playlists.ytd-add-to-playlist-renderer, #actions.ytd-add-to-playlist-create-renderer, ytd-dropdown-renderer, ytd-text-input-form-field-renderer, #create-playlist-form.ytd-add-to-playlist-create-renderer, #actions-wrapper.ytd-sharing-renderer, #share-label.ytd-sharing-renderer, #share-target-wrapper.ytd-sharing-renderer, #start-at-wrapper.ytd-sharing-renderer, #share-url.ytd-sharing-renderer, ytd-sharing-renderer, ytd-thumbnail-overlay-resume-playback-renderer, .webkit .yt-, #yt-picker-country-footer, #yt-picker-language-footer, #yt-picker-safetymode-footer, #yt-masthead-notifications-content, .menu-container.ytd-multi-page-menu-renderer, #author-comment-badge > ytd-author-comment-badge-renderer, ytd-red-carpet-shelf-renderer, ytd-red-carpet-horizontal-list-renderer, a.ytd-red-carpet-video-renderer, ytd-red-carpet-video-renderer, ytd-subscribe-button-renderer:not([button-style]) paper-button:not([subscribed]), yt-notification-action-renderer.style-scope:nth-child(2) > paper-toast, #watch-card-header.ytd-generic-watch-card | |
| { | |
| background: var(--bg3) !important; | |
| } | |
| /* selected tab */ | |
| #selectionBar.paper-tabs, .toggle-button.paper-toggle-button, paper-toggle-button[checked]:not([disabled]) .toggle-bar.paper-toggle-button, .ytp-hover-progress, #like-bar.ytd-sentiment-bar-renderer, .yt-lockup-notification .unread-dot | |
| { | |
| background: var(--third-color) !important; | |
| } | |
| /* playlist panel */ | |
| ytd-thumbnail-overlay-side-panel-renderer | |
| { | |
| background: var(--bg3) !important; | |
| opacity: 0.8 !important; | |
| } | |
| /* main text */ | |
| body, p, span, a:hover, #subtitle.ytd-shelf-renderer, h2.ytd-simple-menu-header-renderer, yt-formatted-string.ytd-menu-service-item-renderer, .upload-other-options-list .upload-option-text, .yt-uix-button-default, .yt-uix-button-menu .yt-uix-button-menu-item, paper-item.ytd-compact-link-renderer, #message.ytd-message-renderer, .tab-content.paper-tab, #label.yt-dropdown-menu, #icon-label.yt-dropdown-menu, #title.ytd-confirm-dialog-renderer, #scroller.ytd-confirm-dialog-renderer, #description.ytd-channel-about-metadata-renderer, #right-column.ytd-channel-about-metadata-renderer > yt-formatted-string.ytd-channel-about-metadata-renderer, #content-text.ytd-comment-renderer, #simplebox-placeholder.ytd-comment-simplebox-renderer, .content.ytd-video-secondary-info-renderer, #upnext.ytd-compact-autoplay-renderer, .html5-video-player a, yt-formatted-string[split-lines], .content.ytd-metadata-row-renderer, ytd-searchbox[mode="legacy"] #container.ytd-searchbox input.ytd-searchbox, #info.ytd-playlist-header-renderer, .yt-alert-naked .yt-alert-content, .yt-gb-shelf .yt-gb-shelf-paddle, .floated-label-placeholder.paper-input-container, .floated-label-placeholder.paper-input-container, .floated-label-placeholder.paper-input-container, #description.ytd-privacy-dropdown-item-renderer, :not([style-scope]):not(.style-scope), #email.ytd-active-account-header-renderer, #account-name.ytd-active-account-header-renderer, #stats.ytd-playlist-sidebar-primary-info-renderer, .title.ytd-purchase-item-renderer, .price-text.ytd-purchase-item-renderer, .text.ytd-simple-text-section-renderer, .video-title.ytd-watch-card-video-list-renderer, #description.ytd-channel-renderer, .related-entity-title.ytd-generic-watch-card | |
| { | |
| color: var(--first-color) !important; | |
| } | |
| /* alt text */ | |
| #metadata-line.ytd-video-meta-block span.ytd-video-meta-block, .message.ytd-notification-renderer, .upload-other-options-list .upload-option-button, .upload-sidebar-header, #channel-title.ytd-account-item-renderer, .item.yt-dropdown-menu, #channel-title.ytd-c4-tabbed-header-renderer, .deemphasize.yt-formatted-string, .count-text.ytd-comments-header-renderer, .title.ytd-video-primary-info-renderer, .date.ytd-video-secondary-info-renderer, paper-button, ytd-pinned-comment-badge-renderer, #result-count.ytd-search-sub-menu-renderer, h1, .yt-masthead-account-picker-option .yt-masthead-picker-name, .yt-masthead-picker-name, #checkboxLabel.paper-checkbox, #label.ytd-playlist-add-to-option-renderer, #related-header.ytd-generic-watch-card, .input-content.paper-input-container input, #label.ytd-privacy-dropdown-item-renderer, #share-label.ytd-sharing-renderer, yt-formatted-string.ytd-sharing-renderer, #toggle.ytd-grid-renderer:hover, #video-title.ytd-child-video-renderer, #length.ytd-child-video-renderer | |
| { | |
| color: var(--second-color) !important; | |
| } | |
| /* links */ | |
| a, a:visited, #toggle.ytd-grid-renderer, #footer .yt-uix-button-group .yt-uix-button, #footer #google-help .yt-uix-button-content, #subscriber-count.ytd-c4-tabbed-header-renderer, #video-title.ytd-newspaper-hero-video-renderer, paper-button.ytd-subscribe-button-renderer[subscribed] yt-formatted-string.ytd-subscribe-button-renderer, #video-title.ytd-newspaper-mini-video-renderer, #video-title.ytd-grid-video-renderer, .subheadline.ytd-channel-about-metadata-renderer, #link-list-container.ytd-channel-about-metadata-renderer yt-formatted-string.ytd-channel-about-metadata-renderer, .more-button.ytd-video-secondary-info-renderer, .less-button.ytd-video-secondary-info-renderer, yt-formatted-string.yt-view-count-renderer, #byline.ytd-video-meta-block, h2, #title.ytd-dismissal-follow-up-renderer, #header.ytd-add-to-playlist-renderer | |
| { | |
| color: var(--third-color) !important; | |
| } | |
| /* ------------------- icons ------------------- */ | |
| ytd-button-renderer #button.ytd-button-renderer, ytd-notification-topbar-button-renderer #button.ytd-notification-topbar-button-renderer, button.ytd-topbar-logo-renderer[is="paper-icon-button-light"], #text.ytd-notification-multi-action-renderer, .yt-live-chat-text-input-field-renderer-0 #input.yt-live-chat-text-input-field-renderer, .yt-live-chat-text-input-field-renderer-0 #label.yt-live-chat-text-input-field-renderer, #label.ytd-toggle-theme-compact-link-renderer, .description.ytd-toggle-item-renderer, .style-scope yt-icon | |
| { | |
| color: var(--first-color) !important; | |
| } | |
| yt-icon, #guide-icon.ytd-topbar-logo-renderer, #logo-icon.ytd-topbar-logo-renderer #you-path, #logo-icon.ytd-topbar-logo-renderer #tube-paths, #logo-red-icon.ytd-topbar-logo-renderer #youtube-red-paths path, .style-scope yt-icon | |
| { | |
| fill: var(--first-color) !important; | |
| } | |
| .yt-uix-button-icon-material-upload, #yt-masthead-user .yt-uix-button-icon-bell, #yt-masthead #logo-container .logo, #creator-sidebar .studio-icon.creator-sidebar-live-streaming, .comments .mod-button .default-state, .yt-uix-button-icon-icon-account-settings, .yt-uix-subscription-preferences-button::before, .yt-uix-button-icon-opml-export, .yt-help-icon, .yt-live-chat-icon-toggle-button-renderer-0 paper-icon-button.yt-live-chat-icon-toggle-button-renderer | |
| { | |
| filter: invert(100%) !important; | |
| } | |
| #yt-masthead #logo-container .logo, #creator-sidebar .studio-icon.creator-sidebar-dashboard.selected, #creator-sidebar a:hover .studio-icon.creator-sidebar-dashboard.selected | |
| { | |
| filter: grayscale(100%) !important; | |
| } | |
| /* logo */ | |
| #logo.ytd-topbar-logo-renderer, ytd-yoodle-renderer.ytd-topbar-logo-renderer | |
| { | |
| background: url("https://i.imgur.com/SgUg8pA.png") no-repeat; | |
| opacity: 0.5; | |
| /* margin-top: 1px; */; | |
| } | |
| #logo-icon-container.ytd-topbar-logo-renderer, #logo-red-icon-container.ytd-topbar-logo-renderer, #country-code.ytd-topbar-logo-renderer | |
| { | |
| opacity: 0; | |
| } | |
| /* --------------- search ------------------ */ | |
| ytd-searchbox[mode="legacy"] #search-form.ytd-searchbox, ytd-searchbox[mode="blue"] #search-form.ytd-searchbox, #masthead-search | |
| { | |
| margin: 0 auto !important; | |
| } | |
| ytd-searchbox[mode="legacy"] #search-form.ytd-searchbox, ytd-searchbox[mode="blue"] #search-form.ytd-searchbox | |
| { | |
| max-width: 150px !important; | |
| transition: ease-in-out .4s !important; | |
| } | |
| ytd-searchbox[mode="legacy"] #search-form.ytd-searchbox:hover, ytd-searchbox[mode="blue"] #search-form.ytd-searchbox:focus | |
| { | |
| max-width: 500px !important; | |
| } | |
| /* -------------------- thumbnails ---------------------- */ | |
| /* time */ | |
| ytd-thumbnail-overlay-time-status-renderer[overlay-style="DEFAULT"], ytd-thumbnail-overlay-time-status-renderer | |
| { | |
| width: 100% !important; | |
| margin: 0 auto !important; | |
| text-align: center !important; | |
| background: var(--bg3) !important; | |
| opacity: 0.9 !important; | |
| padding: 5px !important; | |
| } | |
| span.style-scope.ytd-thumbnail-overlay-time-status-renderer | |
| { | |
| margin: 0 auto !important; | |
| color: var(--first-color) !important; | |
| } | |
| /* watched */ | |
| ytd-thumbnail-overlay-playback-status-renderer | |
| { | |
| width: 100% !important; | |
| top: 0 !important; | |
| background: var(--bg3) !important; | |
| opacity: 0.9 !important; | |
| max-height: 20px !important; | |
| } | |
| yt-formatted-string.ytd-thumbnail-overlay-playback-status-renderer | |
| { | |
| font-size: 0px !important; | |
| margin: 0 auto !important; | |
| } | |
| yt-formatted-string.ytd-thumbnail-overlay-playback-status-renderer::after | |
| { | |
| content: "Watched" !important; | |
| font-size: 13px !important; | |
| } | |
| #progress.ytd-thumbnail-overlay-resume-playback-renderer | |
| { | |
| background: var(--second-color) !important; | |
| } | |
| /* ------------- section headers --------------- */ | |
| #title.ytd-shelf-renderer | |
| { | |
| font-family: var(--font2) !important; | |
| color: var(--second-color) !important; | |
| font-size: 18px !important; | |
| margin: 0 auto !important; | |
| text-align: center !important; | |
| } | |
| /* ------------- buttons etc ------------- */ | |
| ytd-button-renderer #button.ytd-button-renderer, paper-button.ytd-subscribe-button-renderer, .upload-other-options-list .upload-option-button, .yt-uix-button-default, ytd-button-renderer.style-primary[is-paper-button] | |
| { | |
| background: var(--bg3) !important; | |
| /* padding: 10px !important; */; | |
| } | |
| /* ------------------- remove shit ------------------- */ | |
| /* remove borders */ | |
| #contents.ytd-section-list-renderer > .ytd-section-list-renderer:not(:last-child), ytd-searchbox[mode="legacy"] #container.ytd-searchbox, ytd-searchbox[mode="legacy"] #search-icon-legacy.ytd-searchbox, ytd-notification-renderer, .upload-other-options-list .upload-option-button, body #footer-container, #footer-main, .yt-uix-button-default, .yt-uix-button-menu, #yt-masthead-container, #masthead-search-terms, .guide-section-separator, #sections.ytd-guide-renderer > .ytd-guide-renderer:not(:last-child), #footer.ytd-guide-renderer #guide-links-primary, #sections.ytd-multi-page-menu-renderer > .ytd-multi-page-menu-renderer:not(:last-child), #footer.ytd-multi-page-menu-renderer > .ytd-multi-page-menu-renderer, .buttons.ytd-confirm-dialog-renderer, #description-container.ytd-channel-about-metadata-renderer, #details-container.ytd-channel-about-metadata-renderer, #links-container.ytd-channel-about-metadata-renderer, #right-column.ytd-channel-about-metadata-renderer > yt-formatted-string.ytd-channel-about-metadata-renderer, #simplebox-placeholder.ytd-comment-simplebox-renderer, ytd-video-secondary-info-renderer, ytd-video-primary-info-renderer, ytd-compact-autoplay-renderer, #header.ytd-app, ytd-search-sub-menu-renderer, #content.ytd-playlist-video-renderer, .dashboard-widget:hover .dashboard-widget-display-title, .dashboard-widget.yt-uix-dragdrop-dragged-item .dashboard-widget-display-title, .dashboard-widget.yt-uix-dragdrop-cursor-follower .dashboard-widget-display-title, .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, .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, #dashboard-header-stats li, #creator-sidebar-separator, #yt-masthead-user .sb-notif-on .yt-uix-button-content, #non-appbar-vm-video-actions-bar .vm-video-actions-inner, #vm-myvideos-search-box, #vm-playlists-search-box, #vm-tags-search-box, .yt-uix-clickcard-card-border, .yt-uix-hovercard-card-border, .yt-uix-clickcard-card-reverse .yt-uix-card-body-arrow-vertical, .yt-uix-hovercard-card-reverse .yt-uix-card-body-arrow-vertical, .yt-uix-clickcard-card-reverse .yt-uix-card-border-arrow-vertical, .yt-uix-hovercard-card-reverse .yt-uix-card-border-arrow-vertical, .tabbed-page .tab.active, .tabbed-page .tab, .tabbed-page .tabs-area, .tabbed-page .tabs-wrapper, .commenthub .ytch-search-container, .commenthub .comment-search, .tabbed-page .options-bar, .video-dds, .comments .mod-buttonbar .mod-button, .yt-uix-button.yt-uix-button-subscribe-branded, .yt-uix-button.yt-uix-button-subscribed-branded, #masthead-appbar, .subscription-table-header, .subscriptions-filter .filter-field-container, .epic-nav-item-heading, .yt-gb-shelf-main-content, .yt-gb-shelf .yt-gb-shelf-paddle, .yt-subscription-button-subscriber-count-branded-horizontal, .yt-subscription-button-subscriber-count-unbranded-horizontal, .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, .yt-uix-form-input-select, .yt-uix-form-input-text, .yt-uix-form-input-textarea, .guide-pinned .guide-pinning-enabled #appbar-guide-menu, ytd-grid-video-renderer[is-dismissed] #dismissed.ytd-grid-video-renderer, ytd-dismissal-follow-up-renderer.style-scope > div:nth-child(2), #playlists.ytd-add-to-playlist-renderer, #header.ytd-add-to-playlist-renderer, #share-target-wrapper.ytd-sharing-renderer, #start-at-wrapper.ytd-sharing-renderer, #watch8-action-buttons, .yt-uix-button, .yt-card .yt-uix-button-expander, .yt-badge, #watch7-sidebar .watch-sidebar-separation-line, #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, .branded-page-v2-primary-col .branded-page-box:last-child.video-player-view-component, .branded-page-v2-primary-col .branded-page-box:last-child.c4-featured-content, .branded-page-v2-primary-col .branded-page-box:last-child.c4-featured-content-editor, .branded-page-v2-primary-col .branded-page-box:last-child.welcome, .branded-page-v2-subnav-container, .pl-video, .pl-video-list-editable .pl-video:hover .pl-video-handle, .yt-uix-dragdrop-cursor-follower .pl-video-handle, tr.pl-video, .yt-picker-header, #safety-form p.safety-submit, #c4-header-bg-container, .channel-header .secondary-header-contents, #placeholder-underline.ytd-comment-simplebox-renderer,.comment-simplebox-renderer-collapsed-content, #placeholder-area.ytd-comment-simplebox-renderer, #items.ytd-playlist-sidebar-renderer > .ytd-playlist-sidebar-renderer:not(:last-child), #selectionBar.paper-tabs, .video-row.ytd-watch-card-video-list-renderer, paper-tabs.ytd-generic-watch-card, ytd-shelf-renderer.style-scope | |
| { | |
| border: none !important; | |
| } | |
| /* remove shadows */ | |
| ytd-searchbox[mode="legacy"] #container.ytd-searchbox, ytd-searchbox[mode="legacy"] #search-icon-legacy.ytd-searchbox, .subscriptions-filter .filter-field-container, .yt-gb-shelf-main-content, .yt-gb-shelf .yt-gb-shelf-paddle:hover, tr.pl-video, .yt-uix-button-default.yt-uix-button-toggled | |
| { | |
| box-shadow: none !important; | |
| } | |
| #dashboard-header .dashboard-stat-name, #dashboard-header .add-widget-button-label, #dashboard-header h3, a, #dashboard-header .dashboard-stat-value | |
| { | |
| text-shadow: none !important; | |
| } | |
| /* remove white bgs */ | |
| #footer.ytd-multi-page-menu-renderer > .ytd-multi-page-menu-renderer | |
| { | |
| padding: 0px !important; | |
| } | |
| ytd-multi-page-menu-renderer[menu-style="multi-page-menu-style-type-notifications"] #container.ytd-multi-page-menu-renderer:not(:hover) | |
| { | |
| margin: 0 !important; | |
| } | |
| /* remove part of the footer */ | |
| #footer-links, #footer .yt-uix-button-icon-footer-language, #footer .yt-uix-button-icon-footer-history, #footer .yt-uix-button-icon-questionmark, #footer-logo .footer-logo-icon, #primary-links.ytd-c4-tabbed-header-renderer yt-formatted-string.ytd-c4-tabbed-header-renderer, .unfocused-line.paper-input-container, .focused-line.paper-input-container | |
| { | |
| display: none !important; | |
| } | |
| body #footer-container, #footer-main | |
| { | |
| margin: 0 auto !important; | |
| text-align: center !important; | |
| } | |
| /* remove bgs */ | |
| #primary-links.ytd-c4-tabbed-header-renderer, #secondary-links.ytd-c4-tabbed-header-renderer, ytd-button-renderer #button.ytd-button-renderer, .ytp-load-progress, .channel-owner.ytd-comment-renderer, yt-formatted-string.ytd-thumbnail-overlay-playback-status-renderer, .watch-stage-mode #theater-background | |
| { | |
| background: transparent !important; | |
| } | |
| /* fullscreen */ | |
| .ytp-big-mode .ytp-chrome-top .ytp-chrome-top-buttons .ytp-watch-later-button, .ytp-chrome-top .ytp-chrome-top-buttons .ytp-watch-later-button, .ytp-big-mode .ytp-chrome-top .ytp-chrome-top-buttons .ytp-share-button, .ytp-chrome-top .ytp-chrome-top-buttons .ytp-share-button, .ytp-next-button, .ytp-youtube-button, .ytp-expand, .ytp-pause-overlay, .ytp-title-link | |
| { | |
| display: none !important; | |
| } | |
| .ytp-cards-button | |
| { | |
| opacity: 0 !important; | |
| } | |
| .ytp-cards-button:hover | |
| { | |
| opacity: 1 !important; | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
https://www.youtube.com/watch?v=JS7rwEFVnB8&list=PLKCICkmtKchBDPT_bKyOxnjgH-o9iU6ml&index=1