Colorful Anime Youtube Background by harshan

/* ==UserStyle==
@name           Colorful Anime Youtube Background
@namespace      USO Archive
@author         rin UnU
@description    `This is the first time I ever do a theme/background for Youtube so no judge please ^^`
@version        20211029.11.43
@license        CC0-1.0
@preprocessor   uso
==/UserStyle== */
@-moz-document domain("youtube.com")
{
}

@-moz-document domain("youtube.com")
{
  html:not(#⁠), body>div, body>table, [role="navigation"], [role="dialog"], #body-container>div, [aria-expanded="true"]:not(.ytp-button), [class*="tooltip"]:not(.ytp-tooltip-duration):not(.ytp-tooltip-bg):not(.ytp-tooltip-text-wrapper):not([class*="arrow"]):not(button), [role="menu"], .ytp-popup, .videoAdUiPreSkipButton, .videoAdUiAdInfoPopup
  {
    background: url("https://waifu2x.booru.pics/outfiles/bf8ac7009784c9186b27811233eb67d845516440_s2_n1.jpg")fixed #000!important;
    background-size: cover!important;
  }
/*search bar*/
  #masthead-search-terms, form.channels-search:not(#​)
  {
    border: 1px solid #FFF!important;
  }

  #masthead-search-terms.gsfe_a
  {
    border: 1px solid #A0A0A0!important;
  }

  #masthead-search-terms.gsfe_b
  {
    border: 1px solid #4D90FE!important;
  }

  :not(textarea):not(input):not([contenteditable])
  {
    text-shadow: 0 0.05em rgba(0, 0, 0, .5), 0 -0.05em rgba(0, 0, 0, .5), 0.05em 0 rgba(0, 0, 0, .5), -0.05em 0 rgba(0, 0, 0, .5)!important;
  }

  :not([class*="video-extras-sparkbar"]):not([class^="ytp-"]):not(.sidebar):not(.video-time):not([class^="html5-"]):not(.yt-uix-button-primary):not(label):not(.toggle):not(.branding-context-container-inner):not(.iv-drawer)
  {
    background-color: transparent!important;
    color: #FFFFFF!important;
  }

  .load-more-button
  {
    background: transparent!important;
  }

  [role="alert"], .content-region, .yt-uix-checkbox-on-off .checked:before
  {
    display: none!important;
  }

  :not(#​) :link
  {
    color: #5ca7ff!important;
  }

  :not(#​) :visited
  {
    color: #acd2ff!important;
  }

  :not(#​) select
  {
    background: black!important;
  }

  [href="/"][id*="logo"], :not(.ytp-volume-slider-handle):not(.yt-uix-playlistlike):before, .yt-uix-button-icon-material-upload, .yt-uix-button-icon-bell, .yt-uix-button-icon-wrapper>.yt-sprite, .autoplay-info-icon, .search-button>.yt-uix-button-content, #appbar-guide-button .yt-uix-button-icon-wrapper, .yt-uix-button-shelf-slider-pager
  {
    -webkit-filter: invert(1)hue-rotate(180deg);
    filter: invert(1)hue-rotate(180deg);
  }

  .yt-uix-form-input-select, [class$="container"], #yt-comments-paginator
  {
    background-image: none!important;
  }

  :not(h2):not(button):not(.comment-simplebox-renderer-collapsed-content), #footer-container button, .yt-uix-button-shelf-slider-pager
  {
    border: none!important;
  }

  textarea, [contenteditable="true"], [type="text"]:not(#masthead-search-term), [role="menu"]:not(.guide-user-links):not(.ytp-panel-menu), #footer-container .yt-uix-button-default, .yt-uix-clickcard-card-visible, #watch-appbar-playlist, .comment-simplebox-frame, body>table
  {
    box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, .5)!important;
  }

  #masthead-search-terms
  {
    box-shadow: none!important;
  }

  #logo-container .logo, .footer-logo-icon, #logo-icon, #logo-icon-container, #logo-red-icon-container
  {
    content: url("https://waifu2x.booru.pics/outfiles/bf8ac7009784c9186b27811233eb67d845516440_s2_n1.jpg") !important;
    background-image: none !important;
  }

  html[dark] #logo-icon, html[dark] #logo-icon-container, #logo-red-icon-container
  {
    content: url("https://i.pinimg.com/564x/1e/dd/09/1edd09795eca784bc0ccc54e54bc2212.jpg") !important;
    background-image: none !important;
  }

  .html5-play-progress, .ytp-play-progress
  {
    background: #00508f !important;
 /* Old browsers */
    background: -moz-linear-gradient(left, #1b1b1b 0%, #00508f 100%) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1b1b1b), color-stop(100%,#00508f)) !important;
    background: -webkit-linear-gradient(left, #1b1b1b 0%,#00508f 100%) !important;
    background: -o-linear-gradient(left, #1b1b1b 0%,#00508f 100%) !important;
    background: -ms-linear-gradient(left, #1b1b1b 0%,#00508f 100%) !important;
    background: linear-gradient(to right, #1b1b1b 0%,#00508f 100%) !important;
  }
/*.html5-load-progress, .ytp-load-progress {
   background: #404040 !important;
}*/
/* scrubber button glow */
  .html5-scrubber-button, .ytp-scrubber-button
  {
    border-color: #1B1B1B !important;
    box-shadow: 0px 0px 3px #00508f, 0px 0px 5px #00508f, 0px 0px 0px #00508f !important;
    transition: box-shadow 0.2s, background 0.2s !important;
  }
/* scrubber button */
  .ytp-swatch-background-color, .ytp-swatch-background-color-secondary, .html5-scrubber-button:hover, .ytp-scrubber-button:hover
  {
    background-color: #00508f !important;
  }
/* scrubber button glow on hover */
  .html5-scrubber-button:hover, .ytp-scrubber-button:hover
  {
    border-color: #1B1B1B !important;
    box-shadow: 0px 0px 6px #00508f, 0px 0px 8px #00508f, 0px 0px 10px #00508f !important;
  }
/* volume control */
  .ytp-volume-slider-track, .ytp-volume-slider-handle:before
  {
    background: #00508f !important;
 /* Old browsers */
    background: -moz-linear-gradient(left, #1b1b1b 0%, #00508f 100%) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1b1b1b), color-stop(100%,#00508f)) !important;
    background: -webkit-linear-gradient(left, #1b1b1b 0%,#00508f 100%) !important;
    background: -o-linear-gradient(left, #1b1b1b 0%,#00508f 100%) !important;
    background: -ms-linear-gradient(left, #1b1b1b 0%,#00508f 100%) !important;
    background: linear-gradient(to right, #1b1b1b 0%,#00508f 100%) !important;
    z-index: -117;
  }
/* extras */
  .ytp-settings-button.ytp-hd-quality-badge::after, .ytp-settings-button.ytp-4k-quality-badge::after, .ytp-settings-button.ytp-5k-quality-badge::after, .ytp-settings-button.ytp-8k-quality-badge::after, .ytp-settings-button.ytp-3d-badge::after
  {
    background-color: #00508f !important;
  }

  .ytp-swatch-color
  {
    color: #00508f !important;
  }

  .ytp-menuitem[aria-checked="true"] .ytp-menuitem-toggle-checkbox
  {
    background: #00508f !important;
  }

  .ytp-chrome-controls .ytp-button.ytp-youtube-button:hover:not([aria-disabled="true"]):not([disabled]) .ytp-svg-fill-logo-tube-lozenge
  {
    fill: #00508f !important;
  }

  .ytp-cued-thumbnail-overlay:hover .ytp-large-play-button-bg, .ytp-large-play-button.ytp-touch-device .ytp-large-play-button-bg
  {
    fill: #00508f !important;
  }

  .resume-playback-progress-bar
  {
    background: #00508f !important;
  }

  .ytp-chrome-controls .ytp-button[aria-pressed]::after
  {
    background-color: #00508f !important;
  }

  .yt-uix-checkbox-on-off input-extras2-disabled[type="checkbox"]:checked + label
  {
    background-color: #00508f !important;
  }

  .video-extras-sparkbar-likes-extras2-disabled
  {
    background-color: #00508f !important;
  }
}

@-moz-document regexp("https://waifu2x.booru.pics/outfiles/bf8ac7009784c9186b27811233eb67d845516440_s2_n1.jpg")
{
  *
  {
    background-color: #000!important;
    color: #fff!important;
    border-color: #000!important;
  }
}