☰

Plex Custom Background

Custom background image for Plex Web

  1. /* ==UserStyle==
  2. @name           Plex Custom Background
  3. @namespace      github.com/Brawl345
  4. @version        1.0.4
  5. @description    Custom background image for Plex Web
  6. @author         Brawl (https://github.com/Brawl345)
  7. @license        Unlicense
  8. @icon           https://app.plex.tv/desktop/favicon.ico
  9. @preprocessor   default
  10.  
  11. @var text bg-custom "Background URL (include it with apostrophes inside url()):" "url()"
  12. @var range opacity "Opacity (default 0.2);" [0.2, 0, 1, 0.01]
  13. ==/UserStyle== */
  14. @-moz-document domain("app.plex.tv") {
  15.     body {
  16.         background-color: #000000de;
  17.     }
  18.  
  19.     #plex > div[class|="FullPageBackground"] {
  20.         opacity: var(--opacity);
  21.         transition: opacity .5s;
  22.     }
  23.     
  24.     #plex > div[class|="FullPageBackground"] > div canvas {
  25.         display: none;
  26.     }
  27.  
  28.     #plex > div[class|="FullPageBackground"] > div > div {
  29.         background-image: var(--bg-custom) !important;
  30.         background-size: cover !important;
  31.         background-repeat: no-repeat;
  32.     }
  33. }