/* 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;
}