Archives
Trending
Support
Login
clear text
XML
Django
JavaScript
MATLAB
C
C++
C#
Python
SQL
Shell
Bash
Markdown
YAML
JSON
HTML
CSS
PHP
Java
Ruby
Go
Rust
Swift
Kotlin
Arduino
TypeScript
Perl
Autohotkey
Lua
SQF
R
Scala
Haskell
Groovy
Dart
Clojure
VB.NET
Objective-C
PowerShell
Bash
CoffeeScript
Verilog
/* OLED-Pure Black YouTube CSS Patch for Night Eye Pro browser extension */ /* Syntax: CSS */ /* Author: The23rdMacro */ /* === GLOBAL PURE BLACK BACKGROUND === */ html, body, ytd-app, #page-manager, ytd-watch-flexy, ytd-shorts, ytd-rich-grid-renderer, #player-container, #player-theater-container, #player, .html5-video-player { background: #000 !important; box-shadow: none !important; } /* === REMOVE PSEUDO BACKGROUNDS === */ html::before, html::after, body::before, body::after, ytd-app::before, ytd-app::after, #player-container::before, #player-container::after, #player::before, #player::after { background: none !important; box-shadow: none !important; content: none !important; } /* === VIDEO PLAYER SHADOWS & GRADIENTS === */ .ytp-gradient-top, .ytp-gradient-bottom, .ytp-chrome-top, .ytp-chrome-bottom, .ytp-hover-controls, .ytp-gradient-top-hover { background: transparent !important; box-shadow: none !important; } /* === HOVER SHADOWS ON THUMBNAILS === */ ytd-rich-grid-media:hover, ytd-video-renderer:hover, ytd-grid-video-renderer:hover, ytd-reel-item-renderer:hover { background: #000 !important; box-shadow: none !important; transition: none !important; } /* === SHORTS PLAYER CLEANUP === */ ytd-reel-video-renderer, ytd-reel-video-renderer #player, ytd-reel-video-renderer #player-container { background: #000 !important; box-shadow: none !important; } /* === REMOVE OVERLAYS ON THUMBNAILS === */ ytd-thumbnail-overlay-time-status-renderer, ytd-thumbnail-overlay-resume-playback-renderer, ytd-thumbnail-overlay-hover-text-renderer { background: transparent !important; box-shadow: none !important; border: none !important; } /* === TOP BAR === */ #masthead, #masthead-container, #container.ytd-masthead, ytd-masthead, ytd-masthead #background, ytd-masthead #container, ytd-masthead #center, ytd-masthead #end, ytd-masthead #start, #masthead::before, #masthead::after, ytd-masthead::before, ytd-masthead::after { background: #000 !important; box-shadow: none !important; border: none !important; content: none !important; } /* === FILTER CHIP BAR === */ ytd-feed-filter-chip-bar-renderer, ytd-feed-filter-chip-bar-renderer #container, ytd-feed-filter-chip-bar-renderer #chips, ytd-feed-filter-chip-bar-renderer #scroll-container, ytd-feed-filter-chip-bar-renderer #background, #chips-content.style-scope.ytd-feed-filter-chip-bar-renderer { background: #000 !important; box-shadow: none !important; border: none !important; } ytd-feed-filter-chip-bar-renderer::before, ytd-feed-filter-chip-bar-renderer::after { background: none !important; box-shadow: none !important; content: none !important; } ytd-feed-filter-chip-bar-renderer { border-bottom: none !important; } /* === HOME PAGE BACKGROUND === */ #background, #guide-content, #guide-inner-content, ytd-mini-guide-renderer, ytd-guide-renderer { background: #000 !important; box-shadow: none !important; } /* === HOME BUTTON === */ ytd-topbar-logo-renderer, ytd-topbar-logo-renderer #logo, ytd-topbar-logo-renderer #logo-icon-container, ytd-topbar-logo-renderer #logo-icon, ytd-topbar-logo-renderer #logo-container { background: #000 !important; box-shadow: none !important; border: none !important; } /* === RIGHT SIDE PROFILE AREA === */ #end, #buttons, #right-buttons, #topbar-right, ytd-masthead #end, ytd-masthead #buttons, ytd-masthead #right-buttons, ytd-masthead #topbar-right { background: #000 !important; box-shadow: none !important; border: none !important; } /* === TP-YT COMPONENTS === */ tp-yt-paper-button, tp-yt-paper-icon-button, tp-yt-paper-tooltip { background: transparent !important; box-shadow: none !important; border: none !important; } /* === CHANNEL BANNER AREA === */ #channel-header-container, #header, #primary-header, ytd-c4-tabbed-header-renderer, ytd-c4-tabbed-header-renderer #background, ytd-c4-tabbed-header-renderer #header, ytd-c4-tabbed-header-renderer #primary-header { background: #000 !important; box-shadow: none !important; border: none !important; } /* === CHANNEL PAGE OUTER WRAPPERS === */ #page-header, #inner-header-container, #tabs-content, #tabs-inner-container, #tabs-container, #tab-content, #channel-header, #channel-container, #page-header-banner.style-scope.ytd-tabbed-page-header { background: #000 !important; box-shadow: none !important; border: none !important; } /* === INFO PANEL BACKGROUND === */ ytd-info-panel-content-renderer { background: #000 !important; } /* === BACKSTAGE VIDEO RENDERER === */ ytd-video-renderer.style-scope.ytd-backstage-post-renderer { background: #000 !important; box-shadow: none !important; border: none !important; } /* === PROFILE MENU DROPDOWN === */ #sections.style-scope.ytd-multi-page-menu-renderer, yt-multi-page-menu-section-renderer.style-scope.ytd-multi-page-menu-renderer, #container.menu-container.style-scope.ytd-multi-page-menu-renderer { background: #000 !important; box-shadow: none !important; border: none !important; } /* === SIMPLE MENU HEADER === */ ytd-simple-menu-header-renderer.style-scope.ytd-multi-page-menu-renderer, ytd-simple-menu-header-renderer h2, ytd-simple-menu-header-renderer #buttons, ytd-simple-menu-header-renderer ytd-button-renderer, ytd-simple-menu-header-renderer yt-button-shape, .yt-spec-button-shape-next, .yt-spec-touch-feedback-shape__fill { background: #000 !important; box-shadow: none !important; border: none !important; color: #fff !important; fill: #fff !important; } /* === YOUTUBE MUSIC PLAYLIST HEADER === */ .immersive-header-background-wrapper.style-scope.ytd-playlist-header-renderer { background: #000 !important; } .immersive-header-gradient.style-scope.ytd-playlist-header-renderer { background: none !important; } /* === SEARCH BAR & ICON === */ #search-container, #search, #search-form, #search-icon-legacy, ytd-searchbox, ytd-searchbox input, .ytSearchboxComponentInputBox, .ytSearchboxComponentSearchForm, .ytSearchboxComponentInput, .yt-searchbox-input, .ytSearchboxComponentSearchButton, .ytIconWrapperHost, .yt-icon-shape, .ytSpecIconShapeHost { background: #000 !important; box-shadow: none !important; border: none !important; color: #fff !important; fill: #fff !important; } /* === PODCAST PAGE HEADER === */ ytd-tabbed-page-header.style-scope.ytd-browse, #page-header-container.style-scope.ytd-tabbed-page-header, #page-header.style-scope.ytd-tabbed-page-header, yt-page-header-renderer.pageHeaderRendererHost.style-scope.ytd-tabbed-page-header, yt-page-header-view-model.yt-page-header-view-model { background: #000 !important; box-shadow: none !important; border: none !important; } /* === BACKSTAGE POST RENDERER === */ ytd-post-renderer.style-scope.ytd-rich-item-renderer[surface="backstage-surface-type-news-destination"] { background: #000 !important; box-shadow: none !important; border: none !important; }
Mark as private (unlisted)
for 30 minutes
for 6 hours
for 1 day
for 1 week
for 1 month
for 1 year
everlasting (like CCCP)