base background fixes, new plex colors, org theme modal change

3 years ago · 646ef55866
51 changed files with 2535 additions and 66 deletions
--- a/CSS/themes/adguard/adguard-base.css
+++ b/CSS/themes/adguard/adguard-base.css
@ -12,6 +12,13 @@

 body {
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
    color: var(--text) !important;
 }

@ -25,7 +32,14 @@ body {
    body {
        overflow-y: auto;
        height: 100%;
-        background: var(--main-bg-color)
+        background: var(--main-bg-color);
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover;
    }
 }
 body *::-webkit-scrollbar-thumb {
@ -271,6 +285,13 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
 .dropdown-menu {
    color: var(--text);
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
    background-clip: padding-box;
    border: 1px solid rgba(0, 40, 100, 0.12);
    border-radius: 3px;
@ -288,6 +309,13 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
 }
 .select__menu {
    background: var(--modal-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
    box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, .5);
 }
 .select__option:hover  {
@ -491,6 +519,13 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
 /* MODALS */
 .modal-content {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
 }

 .ReactModal__Overlay--after-open {
@ -509,6 +544,13 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {

    .ReactModal__Content {
        background: var(--modal-bg-color) !important;
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover;
        border: 1px solid transparent !important;
    }
 }
--- a/CSS/themes/bazarr/bazarr-base.css
+++ b/CSS/themes/bazarr/bazarr-base.css
@ -248,6 +248,13 @@ h1, h2, h3, h4, h5, h6,
    .sidebar-container.open,
    .sidebar-container {
        background: var(--modal-bg-color);
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover;
    }
 }
 .sidebar-container .badge-secondary {
@ -284,6 +291,13 @@ h1, h2, h3, h4, h5, h6,
 /* PAGES */
 .content-header.bg-dark {
    background: var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
    border-bottom: solid 1px rgba(255, 255, 255, .1);

 }
@ -291,6 +305,13 @@ h1, h2, h3, h4, h5, h6,
 /* LOGIN */
 .bg-light {
    background-color: var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
 }
 .auth-card {
    border: 1px solid transparent;
@ -397,12 +418,26 @@ hr {

 .modal-header {
    background: var(--modal-header-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
    border-bottom: 1px solid var(--accent-color);

 }

 .modal-footer {
    background: var(--modal-footer-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
    border-top: 1px solid var(--accent-color);
 }

@ -626,6 +661,13 @@ input {
 .dropdown-menu,.dropdown-header {
    color: var(--text);
    background: var(--drop-down-menu-bg);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
 }

 .dropdown-item {
@ -660,6 +702,13 @@ input {

 .selector__menu {
    background: var(--drop-down-menu-bg) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
    color: var(--text)
 }

@ -746,6 +795,13 @@ line {
 /* TOASTS */
 .toast {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
    border: 1px solid rgba(0,0,0,.1);
    box-shadow: 0 .25rem .75rem rgba(0,0,0,.1);
    color: var(--text)
--- a/CSS/themes/bitwarden/bitwarden-base.css
+++ b/CSS/themes/bitwarden/bitwarden-base.css
@ -21,6 +21,13 @@ img.logo {
 body.layout_frontend,
 body {
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
    color: var(--text);
 }

@ -93,6 +100,13 @@ body>app-root>app-user-layout>app-tools>div>div>div.col-9>app-password-generator
 .modal-content,
 .modal-footer {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
 }

 .close,
@ -106,6 +120,13 @@ body>app-root>app-user-layout>app-tools>div>div>div.col-9>app-password-generator

 .swal2-popup {
    background-color: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
    color: var(--text);
    border: transparent;
 }
@ -120,6 +141,13 @@ body>app-root>app-user-layout>app-tools>div>div>div.col-9>app-password-generator

 .swal2-popup .swal2-actions {
    background-color: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
 }

 .btn-primary,
@ -158,6 +186,13 @@ body>app-root>app-user-layout>app-tools>div>div>div.col-9>app-password-generator
 /* DROPDOWN MENU */
 .dropdown-menu {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
    border: 1px solid transparent;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, .2);
 }
@ -318,6 +353,13 @@ a.text-danger:focus {
 /* Org */
 .org-nav {
    background-color: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
 }

 .org-nav .nav-tabs a {
@ -383,10 +425,24 @@ input:focus:-ms-input-placeholder {

 .bg-light {
    background: var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
 }

 .bg-light .navbar {
    background-color: var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
 }

 /* Cards */
--- a/CSS/themes/deluge/deluge-base.css
+++ b/CSS/themes/deluge/deluge-base.css
@ -18,6 +18,13 @@
  
  html {
      background: var(--main-bg-color);
+      background-repeat: repeat, no-repeat;
+      background-attachment: fixed, fixed;
+      background-position: center center, center center;
+      background-size: auto, cover;
+      -webkit-background-size: auto, cover;
+      -moz-background-size: auto, cover;
+      -o-background-size: auto, cover;
      color: var(--text);
      font-family: 'Roboto', sans-serif !important;
  }
@ -1593,6 +1600,13 @@
  }
  .x-menu {
      background:var(--drop-down-menu-bg);
+      background-repeat: repeat, no-repeat;
+      background-attachment: fixed, fixed;
+      background-position: center center, center center;
+      background-size: auto, cover;
+      -webkit-background-size: auto, cover;
+      -moz-background-size: auto, cover;
+      -o-background-size: auto, cover;
  }
  
  .x-menu-floating{
@ -1775,6 +1789,13 @@
  
  .x-panel {
      background: var(--main-bg-color);
+      background-repeat: repeat, no-repeat;
+      background-attachment: fixed, fixed;
+      background-position: center center, center center;
+      background-size: auto, cover;
+      -webkit-background-size: auto, cover;
+      -moz-background-size: auto, cover;
+      -o-background-size: auto, cover;
      border-color: #d0d0d0;
  }
  
@ -1792,6 +1813,13 @@
      border-color: transparent;
      border: 1px solid rgba(255, 255, 255, 0.08);
      background: var(--main-bg-color);
+      background-repeat: repeat, no-repeat;
+      background-attachment: fixed, fixed;
+      background-position: center center, center center;
+      background-size: auto, cover;
+      -webkit-background-size: auto, cover;
+      -moz-background-size: auto, cover;
+      -o-background-size: auto, cover;
  }
  
  .x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar {
@ -1925,9 +1953,23 @@
  .x-window .x-tab-panel-header, .x-tab-panel-footer,
  .x-window .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
      background: var(--modal-bg-color) !important;
+      background-repeat: repeat, no-repeat;
+      background-attachment: fixed, fixed;
+      background-position: center center, center center;
+      background-size: auto, cover;
+      -webkit-background-size: auto, cover;
+      -moz-background-size: auto, cover;
+      -o-background-size: auto, cover;
  }
  .x-window .x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
  }
  
  .x-window-proxy {
@ -1953,6 +1995,13 @@
  .x-window-tl {
      background-image: none;
      background: var(--modal-header-color);
+      background-repeat: repeat, no-repeat;
+      background-attachment: fixed, fixed;
+      background-position: center center, center center;
+      background-size: auto, cover;
+      -webkit-background-size: auto, cover;
+      -moz-background-size: auto, cover;
+      -o-background-size: auto, cover;
  }
  
  .x-window-tr {
@ -1968,6 +2017,13 @@
  .x-window-bl {
      background-image: none;
      background: var(--modal-footer-color);
+      background-repeat: repeat, no-repeat;
+      background-attachment: fixed, fixed;
+      background-position: center center, center center;
+      background-size: auto, cover;
+      -webkit-background-size: auto, cover;
+      -moz-background-size: auto, cover;
+      -o-background-size: auto, cover;
  }
  
  .x-window-br {
@ -2037,6 +2093,13 @@
  .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
      border-bottom-color:#353535;
      background: var(--main-bg-color);
+      background-repeat: repeat, no-repeat;
+      background-attachment: fixed, fixed;
+      background-position: center center, center center;
+      background-size: auto, cover;
+      -webkit-background-size: auto, cover;
+      -moz-background-size: auto, cover;
+      -o-background-size: auto, cover;
  }
  
  .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
@ -2056,6 +2119,13 @@
  }
  .x-border-layout-ct {
      background:var(--main-bg-color);
+      background-repeat: repeat, no-repeat;
+      background-attachment: fixed, fixed;
+      background-position: center center, center center;
+      background-size: auto, cover;
+      -webkit-background-size: auto, cover;
+      -moz-background-size: auto, cover;
+      -o-background-size: auto, cover;
  }
  
  .x-accordion-hd {
--- a/CSS/themes/dozzle/dozzle-base.css
+++ b/CSS/themes/dozzle/dozzle-base.css
@ -17,6 +17,13 @@
 html,
 body {
    background: var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
    color: var(--text);
 }

@ -116,6 +123,13 @@ li.exited a {
 .input,
 .dropdown-content {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
    border-color: rgba(255, 255, 255, .1);
    border-radius: 4px;
    color: var(--text-strong-color);
--- a/CSS/themes/duplicacy/duplicacy-base.css
+++ b/CSS/themes/duplicacy/duplicacy-base.css
@ -13,6 +13,13 @@

 body {
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
 }

 a {
@ -84,6 +91,13 @@ body,

 .main-panel {
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
 }

 .content .card {
@ -256,6 +270,13 @@ body,
 /* MODAL */
 .modal-content {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
    border: 1px solid transparent;
 }

@ -310,6 +331,13 @@ body,
 /* DROPDOWN */
 .dropdown-menu {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
 }

 .dropdown a {
@ -511,6 +539,13 @@ div.bootbox.modal.fade.bootbox-confirm.in>div>div>div.modal-footer>button.btn.bt

 .fixed-header th {
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
 }

 .table thead tr>th,
@ -557,6 +592,13 @@ hr {
    .off-canvas-sidebar .sidebar-wrapper {
        box-shadow: 0 0 10px 0px #000000;
        background: var(--modal-bg-color);
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover;
    }

    .off-canvas-sidebar .nav li.active>a:before,
--- a/CSS/themes/emby/emby-base.css
+++ b/CSS/themes/emby/emby-base.css
@ -12,11 +12,25 @@ html {
 }

 .skinHeader-withBackground {
-    background: var(--header-background)
+    background: var(--header-background);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
 }

 .appfooter,.formDialogFooter:not(.formDialogFooter-clear),.formDialogHeader:not(.formDialogHeader-clear) {
-    background: var(--footer-background)
+    background: var(--footer-background);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
 }

@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
@ -52,7 +66,14 @@ html {
 }

 .backgroundContainer,.dialog,html {
-    background: var(--theme-background)
+    background: var(--theme-background);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
 }

 .backgroundContainer.withBackdrop {
@ -61,7 +82,14 @@ html {

@media not all and (min-width: 50em) {
    .itemBackgroundContainer.withBackdrop {
-        background :var(--theme-background)
+        background :var(--theme-background);
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover;
    }
 }

@ -326,21 +354,49 @@ html {
 }

 .channelCell,.guide-headerTimeslots,.timeslotHeaders {
-    background: var(--theme-background)
+    background: var(--theme-background);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
 }

@media (pointer: coarse) {
    .channelCell-mobilefocus {
-        background:var(--theme-background)!important
+        background:var(--theme-background)!important;
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover;
    }
 }

 .channelCell-mobilefocus:not(:focus-visible) {
-    background: var(--theme-background)!important
+    background: var(--theme-background)!important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
 }

 .channelCell-mobilefocus:not(:-moz-focusring) {
-    background: var(--theme-background)!important
+    background: var(--theme-background)!important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
 }

 .channelCell,.epgRow,.programCell {
--- a/CSS/themes/filebrowser/filebrowser-base.css
+++ b/CSS/themes/filebrowser/filebrowser-base.css
@ -53,6 +53,13 @@
    min-height: 100%;
    height: auto;
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
 }
 body {
    
@ -65,7 +72,13 @@ body {
    border: none;
 }
 #loading {
-background: var(--main-bg-color);
+background: var(--main-bg-color);background-repeat: repeat, no-repeat;
+background-attachment: fixed, fixed;
+background-position: center center, center center;
+background-size: auto, cover;
+-webkit-background-size: auto, cover;
+-moz-background-size: auto, cover;
+-o-background-size: auto, cover;
 }

 #loading .spinner * {
@ -80,9 +93,23 @@ button:hover, input[type=submit]:hover{
 html {
    min-height: 100%;
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
 }
 body{
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
 }
 nav {
    background-color: rgba(0,0,0,.45);
@ -107,6 +134,13 @@ nav>div{
 }
 header{
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
 	border-bottom: transparent;
 	box-shadow: 0 3px 6px 0 rgba(0,0,0,.15);
 }
@ -118,6 +152,13 @@ body{
 }
 .shell {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
 	color: #FFF;
 }
 .shell__prompt i {
@ -177,6 +218,13 @@ svg {
 }
 #listing #multiple-selection {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
 }
 #breadcrumbs span a{
    color: rgb(238, 238, 238);
@ -200,6 +248,13 @@ svg {
 }
 #search #result{
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
    color: rgb(238, 238, 238);
 }
 #search .boxes{
@ -217,6 +272,13 @@ svg {
 }
 #search.active #input{
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
    height: 60px;
    color: black;
 }
@ -252,6 +314,13 @@ table th{
 }
 .card.floating{
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
 }
 #search #input {
    background-color:rgba(255, 255, 255, 0.08);
--- a/CSS/themes/flood/flood-base.css
+++ b/CSS/themes/flood/flood-base.css
@ -31,6 +31,13 @@ body,
 .torrents {
    color: var(--text);
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
 }

 /* TEXT */
@ -57,6 +64,13 @@ p,

 .application__view--auth-form {
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
 }


@ -210,6 +224,13 @@ p,
 .context-menu__items,
 .menu {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05), 0 1px 3px 1px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .1);
    color: var(--text);
@ -416,6 +437,13 @@ p,
 /* TOB NAVBAR */
 .action-bar {
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    color: var(--text);
 }
@ -565,6 +593,13 @@ p,
 .modal__content__wrapper,
 .modal__header {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
    color: var(--text)
 }

@ -575,6 +610,13 @@ p,
 .modal--vertical.modal--tabs-in-header .modal__header {
    box-shadow: inset -1px 0 0 rgba(255, 255, 255, .1);
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
 }

 .modal--vertical.modal--tabs-in-header .modal__header,
--- a/CSS/themes/gaps/gaps-base.css
+++ b/CSS/themes/gaps/gaps-base.css
@ -12,6 +12,13 @@

 body {
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
    color: var(--text);
 }
 /* Scrollbar */  
@ -24,7 +31,14 @@ body {
    body {
        overflow-y: auto;
        height: 100%;
-        background: var(--main-bg-color)
+        background: var(--main-bg-color);
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover;
    }
 }
    ::-webkit-scrollbar {
@ -176,6 +190,13 @@ table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.
 .dropdown-menu {
    color: var(--text);
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
    border: 1px solid transparent;
     box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
 }
--- a/CSS/themes/gitea/gitea-base.css
+++ b/CSS/themes/gitea/gitea-base.css
@ -12,6 +12,13 @@

 body {
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
 }

 * {
@ -78,7 +85,14 @@ a:hover,
    body {
        overflow-y: auto;
        height: 100%;
-        background: var(--main-bg-color)
+        background: var(--main-bg-color);
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover;
    }
 }

@ -337,16 +351,37 @@ b:hover,
 .ui.basic.modal>.content,
 .ui.basic.modal>.header {
    background-color: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
 }

 .ui.modal {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
 }

 .ui.modal>.header {
    display: block;
    font-family: Roboto, Helvetica Neue, Arial, Helvetica, sans-serif;
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
    margin: 0;
    padding: 1.25rem 1.5rem;
    box-shadow: none;
@ -361,10 +396,24 @@ b:hover,
    line-height: 1.4;
    padding: 1.5rem;
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
 }

 .ui.modal>.actions {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
    padding: 1rem;
    border-top: 1px solid rgb(255 255 255 / 0.1);
    text-align: right;
@ -413,6 +462,13 @@ b:hover,

 .ui.menu .dropdown.item .menu {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
 }

 .ui.menu .ui.dropdown .menu>.item {
@ -446,6 +502,13 @@ b:hover,

 .ui.dropdown .menu {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
    border-color: rgb(255 255 255 / 10%);
 }

@ -518,6 +581,13 @@ textarea:hover {

 .ui.pointing.dropdown>.menu:not(.hidden):after {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
 }

 /* MESSAGES */
@ -635,6 +705,13 @@ svg.vch__wrapper rect.vch__day__square[data-v-a9cfea66]:hover {

 .repository .diff-detail-box {
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
 }

 .repository .diff-detail-box.sticky {
@ -746,6 +823,13 @@ td.blob-excerpt {

 .ui.tabular.menu .active.item {
    background: none var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
    color: var(--text);
    border-color: rgb(255 255 255 / 10%) !important;
 }
@ -839,6 +923,13 @@ a.ui.card:hover {
 .editor-preview,
 .editor-preview-side {
    background: var(--modal-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
 }

 /* COMMIT STUFF */
--- a/CSS/themes/grafana/grafana-base.css
+++ b/CSS/themes/grafana/grafana-base.css
@ -14,6 +14,13 @@
 body {
 	color:#FFFFFF !important;
 	background: var(--main-bg-color) !important;
+	background-repeat: repeat, no-repeat!important;
+	background-attachment: fixed, fixed!important;
+	background-position: center center, center center!important;
+	background-size: auto, cover!important;
+	-webkit-background-size: auto, cover!important;
+	-moz-background-size: auto, cover!important;
+	-o-background-size: auto, cover!important;
 }
 .theme-dark, .theme-light, .preloader {
 	background: var(--main-bg-color) !important;
@ -43,6 +50,13 @@ body {
 /* Variable Dropdown Menu */
 .variable-value-dropdown {
 background: var(--modal-bg-color);
+background-repeat: repeat, no-repeat!important;
+background-attachment: fixed, fixed!important;
+background-position: center center, center center!important;
+background-size: auto, cover!important;
+-webkit-background-size: auto, cover!important;
+-moz-background-size: auto, cover!important;
+-o-background-size: auto, cover!important;
 border: 1px solid #00000000;
 }
 .variable-value-dropdown.single .selected {
@ -154,6 +168,13 @@ color:#FFFFFF !important;
 }
 .side-menu-header, .dropdown-menu--menu, .dropdown-menu--navbar, .dropdown-menu--sidemenu {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat!important;
+	background-attachment: fixed, fixed!important;
+	background-position: center center, center center!important;
+	background-size: auto, cover!important;
+	-webkit-background-size: auto, cover!important;
+	-moz-background-size: auto, cover!important;
+	-o-background-size: auto, cover!important;
 }
 .dropdown-menu .divider {
    border-bottom: 1px solid #d8d9da;
@ -161,6 +182,13 @@ color:#FFFFFF !important;
 .dropdown-menu--sidemenu>li>.side-menu-header-link:hover {
    color: #fff!important;
    background: var(--modal-bg-color)!important;
+    background-repeat: repeat, no-repeat!important;
+	background-attachment: fixed, fixed!important;
+	background-position: center center, center center!important;
+	background-size: auto, cover!important;
+	-webkit-background-size: auto, cover!important;
+	-moz-background-size: auto, cover!important;
+	-o-background-size: auto, cover!important;
 }
 .dropdown-menu--menu>li>a:hover, .dropdown-menu--navbar>li>a:hover, .dropdown-menu--sidemenu>li>a:hover {
    background: rgba(0, 0, 0, 0.25)!important;
@ -184,6 +212,13 @@ color:#FFFFFF !important;
 /* Dashboard dropdown menu */
 .search-dropdown__col_1 {
    background: var(--modal-bg-color) !important;
+    background-repeat: repeat, no-repeat!important;
+	background-attachment: fixed, fixed!important;
+	background-position: center center, center center!important;
+	background-size: auto, cover!important;
+	-webkit-background-size: auto, cover!important;
+	-moz-background-size: auto, cover!important;
+	-o-background-size: auto, cover!important;
 }
 .search-container {
    left: 0px !important;
@ -194,9 +229,23 @@ color:#FFFFFF !important;
 /* dropdown menu */
 .css-n9566h, .css-1m7hyr {
    background: var(--modal-bg-color) !important;
+    background-repeat: repeat, no-repeat!important;
+	background-attachment: fixed, fixed!important;
+	background-position: center center, center center!important;
+	background-size: auto, cover!important;
+	-webkit-background-size: auto, cover!important;
+	-moz-background-size: auto, cover!important;
+	-o-background-size: auto, cover!important;
 }
 .search-filter-box {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat!important;
+	background-attachment: fixed, fixed!important;
+	background-position: center center, center center!important;
+	background-size: auto, cover!important;
+	-webkit-background-size: auto, cover!important;
+	-moz-background-size: auto, cover!important;
+	-o-background-size: auto, cover!important;
 }
 .search-filter-box__header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
@ -270,6 +319,13 @@ color:#FFFFFF !important;
 }
 .gf-form-select-box__option {
    background: var(--modal-bg-color) !important;
+    background-repeat: repeat, no-repeat!important;
+	background-attachment: fixed, fixed!important;
+	background-position: center center, center center!important;
+	background-size: auto, cover!important;
+	-webkit-background-size: auto, cover!important;
+	-moz-background-size: auto, cover!important;
+	-o-background-size: auto, cover!important;
 }
 .gf-form-select-box__option.gf-form-select-box__option--is-focused {
    color: #fff;
@ -562,6 +618,13 @@ border-color: #b56d16 !important;

 .modal-header, .css-1z13zsv-modalHeader {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat!important;
+	background-attachment: fixed, fixed!important;
+	background-position: center center, center center!important;
+	background-size: auto, cover!important;
+	-webkit-background-size: auto, cover!important;
+	-moz-background-size: auto, cover!important;
+	-o-background-size: auto, cover!important;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid #d8d9da;
@ -569,6 +632,13 @@ border-color: #b56d16 !important;
 }
 .modal-body, .css-111908g {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat!important;
+	background-attachment: fixed, fixed!important;
+	background-position: center center, center center!important;
+	background-size: auto, cover!important;
+	-webkit-background-size: auto, cover!important;
+	-moz-background-size: auto, cover!important;
+	-o-background-size: auto, cover!important;
    color: #eee;
 }

@ -577,7 +647,16 @@ border-color: #b56d16 !important;
 /*V7*/

 /*LOGIN*/
-.css-bnbqsv {background: var(--main-bg-color)}
+.css-bnbqsv {
+    background: var(--main-bg-color);
+	background-repeat: repeat, no-repeat!important;
+	background-attachment: fixed, fixed!important;
+	background-position: center center, center center!important;
+	background-size: auto, cover!important;
+	-webkit-background-size: auto, cover!important;
+	-moz-background-size: auto, cover!important;
+	-o-background-size: auto, cover!important;
+}
 .css-3iwqj4 { background: transparent;}
 #login-view > div > form > div:nth-child(1) > div:nth-child(2) > div > div > input, #login-view > div > form > div:nth-child(2) > div:nth-child(2) > div > div > input {
    height: 38px;
@ -693,6 +772,13 @@ body > grafana-app > div > div > react-container > div > div > div.view > div >
 /* SEARCH */
 .css-x9mxj5 {
 background: var(--main-bg-color);
+background-repeat: repeat, no-repeat!important;
+background-attachment: fixed, fixed!important;
+background-position: center center, center center!important;
+background-size: auto, cover!important;
+-webkit-background-size: auto, cover!important;
+-moz-background-size: auto, cover!important;
+-o-background-size: auto, cover!important;
 }
 .css-1m6pigl:focus + label {
 outline-offset: 2px;
@ -712,6 +798,13 @@ box-shadow: rgba(20, 22, 25, 0) 0px 0px 0px 2px, rgba(31, 97, 196, 0) 0px 0px 0p
 }
 .css-y0yg3l {
 background: var(--main-bg-color);
+background-repeat: repeat, no-repeat!important;
+background-attachment: fixed, fixed!important;
+background-position: center center, center center!important;
+background-size: auto, cover!important;
+-webkit-background-size: auto, cover!important;
+-moz-background-size: auto, cover!important;
+-o-background-size: auto, cover!important;
 border-color: transparent;
 }
 .css-y0yg3l {
@ -789,6 +882,13 @@ border-bottom: 1px solid transparent;
 /*Background*/
 .css-azp59k {
 background: var(--main-bg-color);
+background-repeat: repeat, no-repeat!important;
+background-attachment: fixed, fixed!important;
+background-position: center center, center center!important;
+background-size: auto, cover!important;
+-webkit-background-size: auto, cover!important;
+-moz-background-size: auto, cover!important;
+-o-background-size: auto, cover!important;
 }
 /*Query box*/
 .css-hz0utb {
@ -918,6 +1018,13 @@ border-color: rgba(255, 255, 255, .09);
 /*DASHBOARD SETINGS*/
 .dashboard-settings,.dashboard-settings__body2 {
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat!important;
+	background-attachment: fixed, fixed!important;
+	background-position: center center, center center!important;
+	background-size: auto, cover!important;
+	-webkit-background-size: auto, cover!important;
+	-moz-background-size: auto, cover!important;
+	-o-background-size: auto, cover!important;
 }
 .navbar--edit {
    background: rgba(0, 0, 0, .25);
--- a/CSS/themes/guacamole/guacamole-base.css
+++ b/CSS/themes/guacamole/guacamole-base.css
@ -23,6 +23,13 @@
  }
  div.displayMiddle {
      background: var(--modal-bg-color);
+      background-repeat: repeat, no-repeat;
+      background-attachment: fixed, fixed;
+      background-position: center center, center center;
+      background-size: auto, cover;
+      -webkit-background-size: auto, cover;
+      -moz-background-size: auto, cover;
+      -o-background-size: auto, cover; 
  }
    /* Scrollbar */  
    @media only screen and (min-width: 768px) {  
@ -34,7 +41,14 @@
      body {
          overflow-y: auto;
          height: 100%;
-          background: var(--main-bg-color)
+          background: var(--main-bg-color);
+          background-repeat: repeat, no-repeat;
+          background-attachment: fixed, fixed;
+          background-position: center center, center center;
+          background-size: auto, cover;
+          -webkit-background-size: auto, cover;
+          -moz-background-size: auto, cover;
+          -o-background-size: auto, cover; 
      }
  }
      ::-webkit-scrollbar {
@ -233,10 +247,24 @@
  /* SIDE MENU */
  .menu, .menu .header {
    background: var(--modal-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    box-shadow: none;
 }
 .menu-content, .menu-content .header, .menu-body {
    background: var(--modal-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }
  .clipboard, .clipboard-service-target {
      background: rgba(0, 0, 0, 0.25);
@ -245,10 +273,24 @@
  /* NOTIFICATION BOX */
  .notification.error {
      background: var(--modal-bg-color);
+      background-repeat: repeat, no-repeat;
+      background-attachment: fixed, fixed;
+      background-position: center center, center center;
+      background-size: auto, cover;
+      -webkit-background-size: auto, cover;
+      -moz-background-size: auto, cover;
+      -o-background-size: auto, cover; 
      color: white;
  }
  .notification {
      background: var(--modal-bg-color);
+      background-repeat: repeat, no-repeat;
+      background-attachment: fixed, fixed;
+      background-position: center center, center center;
+      background-size: auto, cover;
+      -webkit-background-size: auto, cover;
+      -moz-background-size: auto, cover;
+      -o-background-size: auto, cover; 
      color: white;
  }
  
@ -299,10 +341,24 @@
  /* DUA 2FA PAGE */
  .duo-signature-response-field {
      background: var(--modal-bg-color) !important;
+      background-repeat: repeat, no-repeat;
+      background-attachment: fixed, fixed;
+      background-position: center center, center center;
+      background-size: auto, cover;
+      -webkit-background-size: auto, cover;
+      -moz-background-size: auto, cover;
+      -o-background-size: auto, cover; 
  }
  .base-wrapper {
      border: 1px solid transparent !important;
      background: var(--modal-bg-color) !important;
+      background-repeat: repeat, no-repeat;
+      background-attachment: fixed, fixed;
+      background-position: center center, center center;
+      background-size: auto, cover;
+      -webkit-background-size: auto, cover;
+      -moz-background-size: auto, cover;
+      -o-background-size: auto, cover; 
  }
  .base-body {
      background-color: #333 !important;
@ -332,11 +388,25 @@

  #connection-warning {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: #FFF;
 }
 /* File Transfer */
 #file-transfer-dialog .transfer-manager {
-    background: var(--modal-bg-color) ;
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }
 .transfer.error {
    background: rgba(244, 67, 54, 0.5) ;
@ -345,5 +415,12 @@
    background-color: transparent ;
 }
 .transfer .in-progress .progress {
-    background-color: var(--modal-bg-color) ;
+    background-color: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }
--- a/CSS/themes/jackett/jackett-base.css
+++ b/CSS/themes/jackett/jackett-base.css
@ -16,6 +16,13 @@
 body {
    background-repeat: repeat;
    background: var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: #FFF;
 }

@ -30,7 +37,14 @@ body {
    body {
        overflow-y: auto;
        height: 100%;
-        background: var(--main-bg-color)
+        background: var(--main-bg-color);
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover; 
    }
 }

@ -169,10 +183,24 @@ fieldset[disabled] .form-control {

 .modal-content {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 .dropdown-menu {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 .dropdown-menu>li>a {
@ -216,5 +244,12 @@ fieldset[disabled] .form-control {
 .alert-info {
    color: #ffffff;
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    border-color: transparent;
 }
--- a/CSS/themes/jellyfin/jellyfin-base.css
+++ b/CSS/themes/jellyfin/jellyfin-base.css
@ -12,11 +12,25 @@ html {
 }

 .skinHeader-withBackground {
-    background: var(--header-background)
+    background: var(--header-background);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 .appfooter,.formDialogFooter:not(.formDialogFooter-clear),.formDialogHeader:not(.formDialogHeader-clear) {
-    background: var(--footer-background)
+    background: var(--footer-background);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
@ -49,7 +63,14 @@ html {


 .backgroundContainer,.dialog,html {
-    background: var(--theme-background)
+    background: var(--theme-background);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 .backgroundContainer.withBackdrop {
@ -58,7 +79,14 @@ html {

@media not all and (min-width: 50em) {
    .itemBackgroundContainer.withBackdrop {
-        background :var(--theme-background)
+        background :var(--theme-background);
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover; 
    }
 }

@ -333,21 +361,49 @@ html {
 }

 .channelCell,.guide-headerTimeslots,.timeslotHeaders {
-    background: var(--theme-background)
+    background: var(--theme-background);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

@media (pointer: coarse) {
    .channelCell-mobilefocus {
-        background:var(--theme-background)!important
+        background:var(--theme-background)!important;
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover; 
    }
 }

 .channelCell-mobilefocus:not(:focus-visible) {
-    background: var(--theme-background)!important
+    background: var(--theme-background)!important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 .channelCell-mobilefocus:not(:-moz-focusring) {
-    background: var(--theme-background)!important
+    background: var(--theme-background)!important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 .channelCell,.epgRow,.programCell {
--- a/CSS/themes/kitana/kitana-base.css
+++ b/CSS/themes/kitana/kitana-base.css
@ -12,6 +12,13 @@

 body {
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 a {
@ -24,6 +31,13 @@ a:hover {

 #content:before {
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 * {
@ -65,6 +79,13 @@ body,
 .dropdown-menu {
    color: #fff;
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    border: 1px solid transparent;
 }

--- a/CSS/themes/lazylibrarian/lazylibrarian-base.css
+++ b/CSS/themes/lazylibrarian/lazylibrarian-base.css
@ -13,6 +13,13 @@
  body {
      color: #ccc;
      background: var(--main-bg-color);
+      background-repeat: repeat, no-repeat;
+      background-attachment: fixed, fixed;
+      background-position: center center, center center;
+      background-size: auto, cover;
+      -webkit-background-size: auto, cover;
+      -moz-background-size: auto, cover;
+      -o-background-size: auto, cover; 
  }
  p {
      color: #ccc !important;
@ -28,7 +35,14 @@
    body {
        overflow-y: auto;
        height: 100%;
-        background: var(--main-bg-color)
+        background: var(--main-bg-color);
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover; 
    }
  }
    ::-webkit-scrollbar {
@ -276,6 +290,13 @@
  
  .modal-content {
      background: var(--modal-bg-color);
+      background-repeat: repeat, no-repeat;
+      background-attachment: fixed, fixed;
+      background-position: center center, center center;
+      background-size: auto, cover;
+      -webkit-background-size: auto, cover;
+      -moz-background-size: auto, cover;
+      -o-background-size: auto, cover; 
      border: 1px solid transparent;
  }
  .modal-header {
--- a/CSS/themes/librespeed/librespeed-base.css
+++ b/CSS/themes/librespeed/librespeed-base.css
@ -62,6 +62,13 @@ a:-webkit-any-link {
 }
 #privacyPolicy {
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }
 input {
    font-family: "Roboto",sans-serif;
--- a/CSS/themes/lidarr/lidarr-base.css
+++ b/CSS/themes/lidarr/lidarr-base.css
@ -110,6 +110,13 @@ a:hover {
 /* MODAL */
 [class*="ModalHeader-modalHeader-"] {
    background: var(--modal-header-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: var(--text-hover);
    border-bottom: 1px solid rgb(var(--accent-color));
 }
@ -118,11 +125,25 @@ a:hover {
 [class*="Modal-modal-"],
 [class*="ModalContent-modalContent-"] {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: var(--text);
 }

 [class*="ModalFooter-modalFooter-"] {
    background: var(--modal-footer-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: #fff;
    border-top: 1px solid rgb(var(--accent-color));
 }
@ -188,6 +209,13 @@ a:hover {
 [class*="ArtistSearchInput-containerOpen-"] [class*="ArtistSearchInput-artistContainer-"] {
    border: none !important;
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: #fff !important;
    box-shadow: 0 0 10px 1px transparent !important;
 }
@ -219,6 +247,13 @@ a:hover {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 4px;
    background: var(--drop-down-menu-bg);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: var(--text);
 }

@ -264,6 +299,13 @@ a:hover {
@media only screen and (max-width: 768px) {
    [class*="PageSidebar-sidebarContainer-"] {
        background: var(--main-bg-color) !important;
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover; 
    }
 }

@ -393,6 +435,13 @@ a:hover {
 [class*="Popover-body-"],
 [class*="Tooltip-body-"] {
    background: var(--modal-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 [class*="Tooltip-tooltipContainer-"] {
@ -512,6 +561,13 @@ a:hover {
 [class*="MenuItem-menuItem-"],
 [class*="MenuContent-menuContent-"] {
    background: var(--drop-down-menu-bg);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: var(--text);
 }

@ -611,6 +667,13 @@ a:hover {
 [class*="ImportArtistSelectArtist-content-"],
 [class*="ImportArtistSelectArtist-searchIconContainer-"] {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: #FFF;
    border: 1px solid transparent;
 }
--- a/CSS/themes/logarr/logarr-base.css
+++ b/CSS/themes/logarr/logarr-base.css
@ -35,7 +35,14 @@ body {
    }
    body {
        overflow-y: auto;
-        background: var(--main-bg-color)
+        background: var(--main-bg-color);
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover; 
    }
 }
    .expand::-webkit-scrollbar-track {
@ -110,6 +117,13 @@ body.fade-out {
 }
 #markform {
    background: var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 

 }
 .slide {
@ -242,6 +256,13 @@ input:valid {

 #modalloading {
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 	color: white !important;
 	border: 1px solid transparent !important;
 	box-shadow: 0.5rem 0.5rem 1rem rgb(15, 15, 15, 0.45) !important;
@ -407,6 +428,13 @@ box-shadow: none;
 }
 .logrollmodal {
    background: var(--modal-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 	border: 1px solid transparent !important;
 }

--- a/CSS/themes/monitorr/monitorr-base.css
+++ b/CSS/themes/monitorr/monitorr-base.css
@ -149,6 +149,13 @@ background: transparent;

 #modalloading {
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 	color: white !important;
 	border: 1px solid transparent !important;
 	box-shadow: 0.5rem 0.5rem 1rem rgb(15, 15, 15, 0.45) !important;
@ -312,6 +319,13 @@ box-shadow: none;
 }
 #myModal3 {
    background: var(--modal-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 	border: 1px solid transparent !important;
 }
 .modalimgpath, .modaltext, #uploadbutton {
--- a/CSS/themes/moviematch/moviematch-base.css
+++ b/CSS/themes/moviematch/moviematch-base.css
@ -17,6 +17,13 @@

 body {
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: var(--text)
 }

--- a/CSS/themes/netdata/netdata-base.css
+++ b/CSS/themes/netdata/netdata-base.css
@ -30,6 +30,13 @@ body {
 .loadOverlay {
    color: #eee !important;
    background: var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 /* Navbar */
@ -108,10 +115,24 @@ body {

 .sign-in-btn {
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 .dropdown-menu {
    background: var(--modal-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    border: 0px !important;
 }

@ -122,6 +143,13 @@ body {

 .modal-content {
    background: var(--modal-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 .modal-header {
@ -167,11 +195,25 @@ table {
 .table>tbody>tr>td,
 .table>tfoot>tr>td {
    background-color: var(--modal-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    border-top: 1px solid #00000000 !important;
 }

 .multi-column-dropdown li a:hover {
    background-color: var(--modal-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 .close,
@ -277,20 +319,48 @@ hr {
 /* NAV */
 [class^="with-panel"] {
    background: var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 [class^="styled__ListContainer"] {
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: white;
 }

 [class^="styled__PanelContainer"] {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: white;
 }

 [class^="styled__StyledHeader"] {
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: white;
 }

--- a/CSS/themes/nzbget/nzbget-base.css
+++ b/CSS/themes/nzbget/nzbget-base.css
@ -131,6 +131,13 @@ tr.checked, tr.checked td, tr.checked:nth-child(odd) .progress {
 }
 .navbar-container {
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }
 .navbar .nav > li > a:hover {
    color: var(--accent-color);
@ -163,6 +170,13 @@ tr.checked, tr.checked td, tr.checked:nth-child(odd) .progress {
 .dropdown-menu {
    background-color: #191a1c;
 	background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 	color: #FFF;
 }
 .dropdown-menu a {
--- a/CSS/themes/nzbhydra2/nzbhydra-base.css
+++ b/CSS/themes/nzbhydra2/nzbhydra-base.css
@ -14,6 +14,13 @@
  body, html {
    height: 100%;
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    font-family: Open Sans Semibold, Helvetica Neue, Helvetica, Arial, sans-serif;
 }
 .navbar-default {
@ -191,9 +198,23 @@ hr {
 /* Modal */
 .modal-body {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }
 .modal-header {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
 }
 .modal-content {
@ -201,6 +222,13 @@ hr {
 }
 .modal-footer {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    border-top: 1px solid rgba(255, 255, 255, 0.08);
 }

--- a/CSS/themes/ombi/ombi-base.css
+++ b/CSS/themes/ombi/ombi-base.css
@ -24,6 +24,13 @@ body,
 .content-container .top-bar-container {
    color: var(--text) !important;
    background: var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }
 .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, legend {
    color: var(--text-hover);
@ -59,6 +66,13 @@ a:hover {
 .mat-menu-panel,
 #requestsToDisplayDropdown-panel {
    background: var(--drop-down-menu-bg);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
@ -294,6 +308,13 @@ a:hover {
 #info-wrapper .mat-card,
 .mat-expansion-panel {
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 #info-wrapper .mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
@ -441,6 +462,13 @@ button#sign-in {
 .mat-raised-button.mat-primary {
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 button.admin-cog {
@ -508,6 +536,13 @@ button.admin-cog {
 .mat-snack-bar-container {
    color: var(--text);
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12)
 }

@ -582,15 +617,36 @@ hr {
 .mat-autocomplete-panel,
 .mat-dialog-container {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 .mat-bottom-sheet-container {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 /* OTHER */
 .mat-tooltip {
    background: var(--drop-down-menu-bg) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 .mat-progress-spinner.mat-accent circle,.mat-spinner.mat-accent circle {
--- a/CSS/themes/organizr/organizr-base.css
+++ b/CSS/themes/organizr/organizr-base.css
@ -9,10 +9,24 @@

 .modal-content {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat !important;
+    background-attachment: fixed, fixed !important;
+    background-position: center center, center center !important;
+    background-size: auto, cover !important;
+    -webkit-background-size: auto, cover !important;
+    -moz-background-size: auto, cover !important;
+    -o-background-size: auto, cover !important; 
 }

 .panel-footer {
    background: var(--modal-footer-color) !important;
+    background-repeat: repeat, no-repeat !important;
+    background-attachment: fixed, fixed !important;
+    background-position: center center, center center !important;
+    background-size: auto, cover !important;
+    -webkit-background-size: auto, cover !important;
+    -moz-background-size: auto, cover !important;
+    -o-background-size: auto, cover !important; 
 }

 .panel-default .panel-body,
@ -159,9 +173,23 @@ h6 {
    border-color: rgb(var(--accent-color));
    color: var(--text-hover);
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }
 .panel-body:not(.unifiCards .panel-body) {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 .bg-plex {
@ -185,6 +213,13 @@ h6 {
 /*toast*/
 .iziToast.success-notify.iziToast-layout2 {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: transparent
 }
@ -192,6 +227,13 @@ h6 {
 #dazsm6ofc1i6j6s9g5k5fija>div>div:nth-child(2),
 #dazsm6ofc1i6j6s9g5k5fija>div>div.white-box.m-b-0.bg-info {
    background: var(--modal-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 .css-bar-lg:after {
@ -210,6 +252,13 @@ h6 {

 #settings-main-system-settings {
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 /* forms */
@ -348,7 +397,14 @@ input:focus:-ms-input-placeholder {
    body {
        overflow-y: auto;
        height: 100%;
-        background: var(--main-bg-color)
+        background: var(--main-bg-color);
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover; 
    }
 }

@ -379,6 +435,13 @@ input:focus:-ms-input-placeholder {
 /* JS GRID USERS */
 .jsgrid-grid-header {
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 th.text-center,
@ -478,6 +541,13 @@ th.fc-day-header.fc-widget-header.fc-today {

 .fc-popover {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 /* loginpage sidemenu */
@ -908,6 +978,13 @@ th.fc-day-header.fc-widget-header.fc-today {

 .white-box {
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 /* Homepage headers */
@ -921,6 +998,13 @@ th.fc-day-header.fc-widget-header.fc-today {
    border-color: transparent;
    color: #fff;
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 /* Homepage buttons */
@ -1052,6 +1136,13 @@ th.fc-day-header.fc-widget-header.fc-today {
 .iziToast.success-notify.iziToast-layout2 {
    border: none;
    background: var(--modal-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    border-bottom: transparent;
 }

@ -1062,6 +1153,13 @@ th.fc-day-header.fc-widget-header.fc-today {

 .iziToast:after {
    background: var(--modal-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 .update-notify .iziToast-progressbar div,
@ -1077,30 +1175,65 @@ th.fc-day-header.fc-widget-header.fc-today {
 .ajs-message.ajs-error-alertify.ajs-visible {
    color: #f44336;
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    border-color: transparent;
 }

 .ajs-message.ajs-warning-alertify {
    color: #ffeb3b;
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    border-color: transparent;
 }

 .ajs-message.ajs-info-alertify {
    color: #6da8ff;
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    border-color: transparent;
 }

 .ajs-message.ajs-success-alertify {
    color: #00ffb8;
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    border-color: transparent;
 }

 /* Noty */
 .noty_type__error-noty .noty_body {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: #f44336;
    border: 1px solid transparent;
    border-bottom: transparent;
@ -1108,6 +1241,13 @@ th.fc-day-header.fc-widget-header.fc-today {

 .noty_type__warning-noty .noty_body {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: #ffeb3b;
    border: 1px solid transparent;
    border-bottom: transparent;
@ -1115,6 +1255,13 @@ th.fc-day-header.fc-widget-header.fc-today {

 .noty_type__info-noty .noty_body {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: #3a83f0;
    border: 1px solid transparent;
    border-bottom: transparent;
@ -1122,6 +1269,13 @@ th.fc-day-header.fc-widget-header.fc-today {

 .noty_type__success-noty .noty_body {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: #00ffb8;
    border: 1px solid transparent;
    border-bottom: transparent;
@ -1175,6 +1329,13 @@ a:hover {
@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .bg-inverse .healthPosition {
        background: var(--main-bg-color) !important;
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover; 
        border-radius: 3px;
    }
 }
@ -1298,6 +1459,13 @@ a:hover {

 .swal-overlay--show-modal .swal-modal {
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: var(--text-hover);
 }

@ -1321,16 +1489,37 @@ a:hover {

 html {
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: var(--text);
 }

 body {
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: var(--text);
 }

 #page-wrapper {
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 /*Top Header Part*/
@ -1340,6 +1529,13 @@ body {

 .navbar-header {
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 .navbar-top-links>li>a {
@ -1350,11 +1546,25 @@ body {
 .nav .open>a:focus,
 .nav .open>a:hover {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 /*Right panel*/
 .right-sidebar .rpanel-title {
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 /*Bread Crumb*/
@ -1366,6 +1576,13 @@ body {
 .sidebar,
 .sidebar .sidebar-head {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08);
 }

@ -1418,6 +1635,9 @@ body {

 .dropdown-menu {
    background: var(--drop-down-menu-bg) !important;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 .dropdown-menu>li>a {
@ -1440,7 +1660,10 @@ body {
 }

 .bg-org:not([id="menu-"]div):not(.panel-heading) {
-    background: var(--main-bg-color) !important;
+    background: var(--main-bg-color) !important;;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 /*Button*/
@ -1492,6 +1715,13 @@ body {
 .fc th.fc-fri,
 .fc-button {
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 .table tbody tr.advance-table-row.active,
@ -1547,6 +1777,13 @@ body {
 .white-box,
 body > div.mfp-wrap.mfp-auto-cursor.mfp-zoom-out.mfp-ready > div > div.mfp-content > div > div > div:nth-child(2) {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }
 body > div.mfp-wrap.mfp-auto-cursor.mfp-zoom-out.mfp-ready > div > div.mfp-content > div > div > div.white-box.m-b-0.bg-info > h3 {
    color: var(--label-text-color) !important;
@ -1557,6 +1794,13 @@ body > div.mfp-wrap.mfp-auto-cursor.mfp-zoom-out.mfp-ready > div > div.mfp-conte
    width: calc(100% - 40px);
    max-width: 1200px;
    background-color: var(--modal-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }
 }

@ -1568,6 +1812,13 @@ body>div.mfp-wrap.mfp-auto-cursor.mfp-zoom-out.mfp-ready>div>div.mfp-content>div

 .bg-title {
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 .panel {
@ -1594,6 +1845,13 @@ input,

 .tabs-style-flip .content-wrap {
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 .tabs-style-flip nav li.tab-current a {
@ -1631,6 +1889,13 @@ input,

 #account-area > div > div > div > div > div.panel-wrapper.collapse.in.main-email-panel > div {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 .tab-content .panel .panel-body,
@ -1680,6 +1945,13 @@ a.mytooltip {

 .white-popup-block {
    background: var(--modal-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    padding: 20px 30px;
    text-align: left;
    max-width: 75%;
--- a/CSS/themes/petio/petio-base.css
+++ b/CSS/themes/petio/petio-base.css
@ -16,6 +16,13 @@

 body {
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: var(--text)
 }

@ -77,6 +84,13 @@ h6,
    .sidebar--inner,
    .sidebar--scroll {
        background: var(--modal-bg-color);
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover; 
    }
 }

@ -88,12 +102,26 @@ h6,

@media (max-width: 991.98px) {
   .menu {
-        background: var(--modal-bg-color)
+        background: var(--modal-bg-color);
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover; 
    }
 }

 .mob-menu-top {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 .menu--item.active {
@ -384,12 +412,26 @@ thead {
 .issues--inner,
 .review--main {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 .modal--top,
 .issues--top,
 .review--top {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 /* FORMS & INPUTS */
--- a/CSS/themes/pihole/pihole-base.css
+++ b/CSS/themes/pihole/pihole-base.css
@ -12,6 +12,13 @@

 body {
    background: var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: #eee !important;
 }
 a {
@ -27,11 +34,25 @@ a:hover, a:active, a:focus,
 /* Donate dropdown */
    .skin-blue .main-header li.user-header {
        background: var(--modal-bg-color);
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover; 
    }
    .dropdown-menu {
        box-shadow: none;
        border-color: rgba(0, 0, 0, .25);
-        background: var(--modal-bg-color)
+        background: var(--modal-bg-color);
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover; 
    }
    .navbar-nav>.user-menu>.dropdown-menu>.user-body {
        padding: 15px;
@ -100,6 +121,13 @@ a:hover, a:active, a:focus,
    @media (min-width: 768px) {
      .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right), .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
          background: var(--main-bg-color);
+          background-repeat: repeat, no-repeat;
+          background-attachment: fixed, fixed;
+          background-position: center center, center center;
+          background-size: auto, cover;
+          -webkit-background-size: auto, cover;
+          -moz-background-size: auto, cover;
+          -o-background-size: auto, cover; 
          color: #eee;
          }
      }
@ -107,6 +135,13 @@ a:hover, a:active, a:focus,
    /*Background*/
    .content-wrapper, .right-side {
        background-color: var(--main-bg-color);
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover; 
    }
    .page-header>small {
        color: #ddd;
@ -363,6 +398,13 @@ a:hover, a:active, a:focus,
 }
 ::-webkit-scrollbar-track {
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }
 ::-webkit-scrollbar-thumb:hover {
    min-height: 50px;
--- a/CSS/themes/plex/plex-base.css
+++ b/CSS/themes/plex/plex-base.css
@ -96,6 +96,13 @@ a:hover,
 #plex>div[class*="FullPageBackground-backgroundContainer-"]>div>div:nth-child(2),
 #plex > div[class*="FullPageBackground-backgroundContainer-"] > div > div:nth-child(4){
  background: var(--main-bg-color) !important;
+  background-repeat: repeat, no-repeat;
+  background-attachment: fixed, fixed;
+  background-position: center center, center center;
+  background-size: auto, cover;
+  -webkit-background-size: auto, cover;
+  -moz-background-size: auto, cover;
+  -o-background-size: auto, cover; 
 }

 [class*="BottomBar-bottomBar-"] {
@ -118,6 +125,13 @@ a:hover,

 [class*="SourceSidebar-expandedSidebar-"][class*="SourceSidebar-sidebar-"] {
  background: var(--modal-bg-color) !important;
+  background-repeat: repeat, no-repeat;
+  background-attachment: fixed, fixed;
+  background-position: center center, center center;
+  background-size: auto, cover;
+  -webkit-background-size: auto, cover;
+  -moz-background-size: auto, cover;
+  -o-background-size: auto, cover; 
 }

 [class*="DisclosureArrow-isSelected-"] {
@ -350,17 +364,38 @@ a:hover,
 /* MODAL */
 [class*="ModalContent-modalContent-"] {
  background: var(--modal-bg-color);
+  background-repeat: repeat, no-repeat;
+  background-attachment: fixed, fixed;
+  background-position: center center, center center;
+  background-size: auto, cover;
+  -webkit-background-size: auto, cover;
+  -moz-background-size: auto, cover;
+  -o-background-size: auto, cover; 
 }

 .modal-header {
  padding: 15px 20px;
  background: var(--modal-header-color);
+  background-repeat: repeat, no-repeat;
+  background-attachment: fixed, fixed;
+  background-position: center center, center center;
+  background-size: auto, cover;
+  -webkit-background-size: auto, cover;
+  -moz-background-size: auto, cover;
+  -o-background-size: auto, cover; 
  border-bottom: 1px solid rgba(255, 255, 255, .05);
 }

 .modal-content {
  position: relative;
  background: var(--modal-bg-color);
+  background-repeat: repeat, no-repeat;
+  background-attachment: fixed, fixed;
+  background-position: center center, center center;
+  background-size: auto, cover;
+  -webkit-background-size: auto, cover;
+  -moz-background-size: auto, cover;
+  -o-background-size: auto, cover; 
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 3px;
@ -374,6 +409,13 @@ a:hover,
  padding: 15px 20px;
  margin-top: 0;
  background: var(--modal-footer-color);
+  background-repeat: repeat, no-repeat;
+  background-attachment: fixed, fixed;
+  background-position: center center, center center;
+  background-size: auto, cover;
+  -webkit-background-size: auto, cover;
+  -moz-background-size: auto, cover;
+  -o-background-size: auto, cover; 
  border-top: 1px solid rgba(255, 255, 255, .05);
 }

@ -488,6 +530,13 @@ fieldset[disabled] .btn-primary:hover {
 [class*="Menu-menu-"],
 .selectize-dropdown, .selectize-dropdown.form-control {
  background: var(--drop-down-menu-bg);
+  background-repeat: repeat, no-repeat;
+  background-attachment: fixed, fixed;
+  background-position: center center, center center;
+  background-size: auto, cover;
+  -webkit-background-size: auto, cover;
+  -moz-background-size: auto, cover;
+  -o-background-size: auto, cover; 
 }

 [class*="ServerMenuItem-selectedServerMenuItem-"],
--- a/CSS/themes/plpp/plpp-base.css
+++ b/CSS/themes/plpp/plpp-base.css
@ -37,7 +37,14 @@ body {
    body {
        overflow-y: auto;
        height: 100%;
-        background: var(--main-bg-color)
+        background: var(--main-bg-color);
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover; 
    }
 }
    ::-webkit-scrollbar {
@ -86,6 +93,13 @@ legend {
 .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: transparent;
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }
  }
 .breadcrumb > .active {
@ -169,6 +183,13 @@ table, .table {
 .modal-header, div.modal-body, .modal-footer {
    border-bottom: 1px solid rgba(255,255,255,.15);
 	background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }
 /* Buttons */
 .btn-default {
--- a/CSS/themes/portainer/portainer-base.css
+++ b/CSS/themes/portainer/portainer-base.css
@ -21,7 +21,14 @@
      body {
          overflow-y: auto;
          height: 100%;
-          background: var(--main-bg-color)
+          background: var(--main-bg-color);
+          background-repeat: repeat, no-repeat;
+          background-attachment: fixed, fixed;
+          background-position: center center, center center;
+          background-size: auto, cover;
+          -webkit-background-size: auto, cover;
+          -moz-background-size: auto, cover;
+          -o-background-size: auto, cover; 
      }
  }
      ::-webkit-scrollbar {
@ -47,6 +54,13 @@
    
  body {
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: #cccccc !important;
  }
  a, ul.sidebar .sidebar-list .sidebar-sublist a {
@ -118,6 +132,13 @@
  /* Header */
  .row.header {
      background: var(--main-bg-color);
+      background-repeat: repeat, no-repeat;
+      background-attachment: fixed, fixed;
+      background-position: center center, center center;
+      background-size: auto, cover;
+      -webkit-background-size: auto, cover;
+      -moz-background-size: auto, cover;
+      -o-background-size: auto, cover; 
  }
  
  /* WIDGETS */
@ -254,6 +275,13 @@
  
  .dropdown-menu {
      background: var(--modal-bg-color);
+      background-repeat: repeat, no-repeat;
+      background-attachment: fixed, fixed;
+      background-position: center center, center center;
+      background-size: auto, cover;
+      -webkit-background-size: auto, cover;
+      -moz-background-size: auto, cover;
+      -o-background-size: auto, cover; 
      color: #ccc;
  }
  .dropdown-menu>li>a {
@ -359,6 +387,13 @@
    /* MODAL */
    .modal-content {
        background: var(--modal-bg-color);
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover; 
    }
    .modal-header {
        border-bottom: 1px solid rgba(255, 255, 255, 0.20);
--- a/CSS/themes/prowlarr/prowlarr-base.css
+++ b/CSS/themes/prowlarr/prowlarr-base.css
@ -110,17 +110,38 @@ a:hover {
 /* MODAL */
 [class*="ModalHeader-modalHeader-"] {
    background: var(--modal-header-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: var(--text-hover);
    border-bottom: 1px solid rgb(var(--accent-color));
 }

 [class*="ModalContent-modalContent-"] {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: var(--text);
 }

 [class*="ModalFooter-modalFooter-"] {
    background: var(--modal-footer-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: #fff;
    border-top: 1px solid rgb(var(--accent-color));
 }
@ -187,6 +208,13 @@ a:hover {
 [class*="IndexerSearchInput-containerOpen-"] [class*="IndexerSearchInput-movieContainer-"] {
    border: none !important;
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: #fff !important;
    box-shadow: 0 0 10px 1px transparent !important;
 }
@ -226,6 +254,13 @@ a:hover {
@media only screen and (max-width: 768px) {
    [class*="PageSidebar-sidebarContainer-"] {
        background: var(--main-bg-color) !important;
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover; 
    }
 }

@ -339,6 +374,13 @@ a:hover {
 [class*="Popover-body-"],
 [class*="Tooltip-body-"] {
    background: var(--modal-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 [class*="Tooltip-tooltipContainer-"] {
@ -468,6 +510,13 @@ a:hover {
 [class*="MenuItem-menuItem-"],
 [class*="MenuContent-menuContent-"] {
    background: var(--drop-down-menu-bg);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: var(--text);
 }

@ -508,6 +557,13 @@ a:hover {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 4px;
    background: var(--drop-down-menu-bg);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: var(--text);
 }
 [class*="EnhancedSelectInputOption-isSelected-"],
@ -649,6 +705,13 @@ input:focus:-ms-input-placeholder {
 [class*="ImportMovieSelectMovie-searchIconContainer-"] {
    border: none;
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: white;
 }

--- a/CSS/themes/qbittorrent/qbittorrent-base.css
+++ b/CSS/themes/qbittorrent/qbittorrent-base.css
@ -35,10 +35,24 @@ body {

 body {
  background: var(--main-bg-color);
+  background-repeat: repeat, no-repeat;
+  background-attachment: fixed, fixed;
+  background-position: center center, center center;
+  background-size: auto, cover;
+  -webkit-background-size: auto, cover;
+  -moz-background-size: auto, cover;
+  -o-background-size: auto, cover; 
 }

 #desktop {
  background: var(--main-bg-color);
+  background-repeat: repeat, no-repeat;
+  background-attachment: fixed, fixed;
+  background-position: center center, center center;
+  background-size: auto, cover;
+  -webkit-background-size: auto, cover;
+  -moz-background-size: auto, cover;
+  -o-background-size: auto, cover; 
 }

 input:disabled {
@ -216,6 +230,13 @@ label {
 #desktopNavbar li ul {
  border: 1px solid transparent;
  background: var(--modal-bg-color);
+  background-repeat: repeat, no-repeat;
+  background-attachment: fixed, fixed;
+  background-position: center center, center center;
+  background-size: auto, cover;
+  -webkit-background-size: auto, cover;
+  -moz-background-size: auto, cover;
+  -o-background-size: auto, cover; 
 }

 #desktopNavbar li ul li a {
@ -224,6 +245,13 @@ label {

 #desktopHeader {
  background: var(--main-bg-color);
+  background-repeat: repeat, no-repeat;
+  background-attachment: fixed, fixed;
+  background-position: center center, center center;
+  background-size: auto, cover;
+  -webkit-background-size: auto, cover;
+  -moz-background-size: auto, cover;
+  -o-background-size: auto, cover; 
 }

 #desktopFooter {
@ -287,6 +315,13 @@ label {
 }
 .panel {
  background: var(--main-bg-color);
+  background-repeat: repeat, no-repeat;
+  background-attachment: fixed, fixed;
+  background-position: center center, center center;
+  background-size: auto, cover;
+  -webkit-background-size: auto, cover;
+  -moz-background-size: auto, cover;
+  -o-background-size: auto, cover; 
  border-bottom: 1px solid transparent;
 }

@ -362,6 +397,13 @@ li.divider {
 .contextMenu {
  border: 1px solid transparent;
  background: var(--modal-bg-color);
+  background-repeat: repeat, no-repeat;
+  background-attachment: fixed, fixed;
+  background-position: center center, center center;
+  background-size: auto, cover;
+  -webkit-background-size: auto, cover;
+  -moz-background-size: auto, cover;
+  -o-background-size: auto, cover; 
 }

 .contextMenu li a {
@ -379,6 +421,13 @@ li.divider {
 .contextMenu li ul {
  border: 1px solid transparent;
  background: var(--modal-bg-color);
+  background-repeat: repeat, no-repeat;
+  background-attachment: fixed, fixed;
+  background-position: center center, center center;
+  background-size: auto, cover;
+  -webkit-background-size: auto, cover;
+  -moz-background-size: auto, cover;
+  -o-background-size: auto, cover; 
 }

 .contextMenu .separator {
@ -512,6 +561,13 @@ fieldset {
  top: 0;
  left: 0;
  background: var(--modal-bg-color) !important;
+  background-repeat: repeat, no-repeat;
+  background-attachment: fixed, fixed;
+  background-position: center center, center center;
+  background-size: auto, cover;
+  -webkit-background-size: auto, cover;
+  -moz-background-size: auto, cover;
+  -o-background-size: auto, cover; 
 }

 .mochaToolbarWrapper {
--- a/CSS/themes/radarr/radarr-base.css
+++ b/CSS/themes/radarr/radarr-base.css
@ -110,17 +110,38 @@ a:hover {
 /* MODAL */
 [class*="ModalHeader-modalHeader-"] {
    background: var(--modal-header-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: var(--text-hover);
    border-bottom: 1px solid rgb(var(--accent-color));
 }

 [class*="ModalContent-modalContent-"] {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: var(--text);
 }

 [class*="ModalFooter-modalFooter-"] {
    background: var(--modal-footer-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: #fff;
    border-top: 1px solid rgb(var(--accent-color));
 }
@ -186,6 +207,13 @@ a:hover {
 [class*="MovieSearchInput-containerOpen-"] [class*="MovieSearchInput-movieContainer-"] {
    border: none !important;
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: #fff !important;
    box-shadow: 0 0 10px 1px transparent !important;
 }
@ -225,6 +253,13 @@ a:hover {
@media only screen and (max-width: 768px) {
    [class*="PageSidebar-sidebarContainer-"] {
        background: var(--main-bg-color) !important;
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover; 
    }
 }

@ -339,6 +374,13 @@ a:hover {
 [class*="Popover-body-"],
 [class*="Tooltip-body-"] {
    background: var(--modal-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 [class*="Tooltip-tooltipContainer-"] {
@ -473,6 +515,13 @@ a:hover {
 [class*="MenuItem-menuItem-"],
 [class*="MenuContent-menuContent-"] {
    background: var(--drop-down-menu-bg);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: var(--text);
 }

@ -513,6 +562,13 @@ a:hover {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 4px;
    background: var(--drop-down-menu-bg);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: var(--text);
 }
 [class*="EnhancedSelectInputOption-isSelected-"],
@ -656,6 +712,13 @@ input:focus:-ms-input-placeholder {
 [class*="ImportMovieSelectMovie-searchIconContainer-"] {
    border: none;
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: white;
 }

--- a/CSS/themes/readarr/readarr-base.css
+++ b/CSS/themes/readarr/readarr-base.css
@ -110,6 +110,13 @@ a:hover {
 /* MODAL */
 [class*="ModalHeader-modalHeader-"] {
    background: var(--modal-header-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: var(--text-hover);
    border-bottom: 1px solid rgb(var(--accent-color));
 }
@ -118,11 +125,25 @@ a:hover {
 [class*="Modal-modal-"],
 [class*="ModalContent-modalContent-"] {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: var(--text);
 }

 [class*="ModalFooter-modalFooter-"] {
    background: var(--modal-footer-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: #fff;
    border-top: 1px solid rgb(var(--accent-color));
 }
@ -188,6 +209,13 @@ a:hover {
 [class*="AuthorSearchInput-containerOpen-"] [class*="AuthorSearchInput-authorContainer-"] {
    border: none !important;
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: #fff !important;
    box-shadow: 0 0 10px 1px transparent !important;
 }
@ -219,6 +247,13 @@ a:hover {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 4px;
    background: var(--drop-down-menu-bg);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: var(--text);
 }

@ -264,6 +299,13 @@ a:hover {
@media only screen and (max-width: 768px) {
    [class*="PageSidebar-sidebarContainer-"] {
        background: var(--main-bg-color) !important;
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover; 
    }
 }

@ -389,6 +431,13 @@ a:hover {
 [class*="Popover-body-"],
 [class*="Tooltip-body-"] {
    background: var(--modal-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 [class*="Tooltip-tooltipContainer-"] {
@ -516,6 +565,13 @@ a:hover {
 [class*="MenuItem-menuItem-"],
 [class*="MenuContent-menuContent-"] {
    background: var(--drop-down-menu-bg);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: var(--text);
 }

@ -613,6 +669,13 @@ a:hover {
 [class*="ImportAuthorSelectAuthor-content-"],
 [class*="ImportAuthorSelectAuthor-searchIconContainer-"] {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: #FFF;
    border: 1px solid transparent;
 }
--- a/CSS/themes/requestrr/requestrr-base.css
+++ b/CSS/themes/requestrr/requestrr-base.css
@ -15,15 +15,23 @@
 body {
    color: var(--text-color);
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
    background-attachment: fixed, fixed;
    background-position: center center, center center;
    background-size: auto, cover;
    -webkit-background-size: auto, cover;
    -moz-background-size: auto, cover;
-    -o-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }
 .bg-default {
    background-color: var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }
 .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: var(--text-color);
@ -51,6 +59,13 @@ body {
@media (max-width: 767.98px) {
 .navbar-collapse.collapsing, .navbar-collapse.show {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    box-shadow: 0 50px 100px rgba(0, 0, 0, 0.1), 0 15px 35px rgba(0, 0, 0, 0.15), 0 5px 15px rgba(0,0,0,.1);
 }
 }
@ -220,6 +235,13 @@ body {

 .bg-gradient-info {
    background: var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }
@media (min-width: 1200px) {
 .separator-skew {
@ -258,7 +280,14 @@ body {
    body {
        overflow-y: auto;
        height: 100%;
-        background: var(--main-bg-color)
+        background: var(--main-bg-color);
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover; 
    }
 }
    ::-webkit-scrollbar {
--- a/CSS/themes/resilio-sync/resilio-base.css
+++ b/CSS/themes/resilio-sync/resilio-base.css
@ -16,6 +16,13 @@ body,
 .tableScrollContainer,
 .settings-tabs-wrapper .settings-tabs-container {
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 a {
@ -156,10 +163,24 @@ UL.jqueryFileTree A,
 .bt-navbar #choose-share-type-menu,
 .bt-navbar .choose-dropdown-menu {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 .dropdown-menu {
    background-color: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 2px;
@ -169,6 +190,13 @@ UL.jqueryFileTree A,

 .dropdown-menu {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    border: 1px solid rgba(255, 255, 255, .1);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .2);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .2);
@ -306,10 +334,24 @@ button.selectpicker.btn-default {
 .bt-navbar #choose-share-type-menu .arrow,
 .bt-navbar .choose-dropdown-menu .arrow {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 .popout-parent {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 .context-menu li a:focus,
@ -319,6 +361,13 @@ button.selectpicker.btn-default {

 .context-notification .context-notification-inner {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 #general-settings #languagedrop {
@ -334,6 +383,13 @@ button.selectpicker.btn-default {
 .modal-header,
 .modal-footer {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: var(--text);
 }

@ -343,10 +399,24 @@ button.selectpicker.btn-default {
 .modal-page {
    color: var(--text);
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 .modal-body .horizontal-separator .horizontal-separator-text {
    background-color: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: var(--text);
 }

@ -388,6 +458,13 @@ ul.jqueryFileTree a:hover {

 #sharing-content .nav-tabs.nav-sub-tabs>li {
    background-color: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 #sharing-content .nav-tabs.nav-sub-tabs>li>a {
@ -409,6 +486,13 @@ ul.jqueryFileTree a:hover {
 .modal-filter.open,
 .modal-input.open {
    background: var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 .modal-header .transfer-path .labelContainer {
@ -431,6 +515,13 @@ ul.jqueryFileTree a:hover {
 #onboarding-dark.fixed .tutorial-background,
 #syncall-tutorial.fixed .tutorial-background {
    background-color: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: var(--text);
 }

@ -453,6 +544,13 @@ ul.jqueryFileTree a:hover {

 #statusPanel {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 .status-panel-shown #statusPanel {
@ -487,6 +585,13 @@ ul.jqueryFileTree a:hover {
 .resizableTableContainer .tableHeaderContainer {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 #statusPanel .chart-c3 .c3-tooltip {
@ -630,6 +735,13 @@ ul.jqueryFileTree a:hover {

 .tableScrollContainer .table thead tr th {
    background: var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 /* PLACEHOLDER TEXT */
--- a/CSS/themes/rutorrent/rutorrent-base.css
+++ b/CSS/themes/rutorrent/rutorrent-base.css
@ -23,6 +23,13 @@ html,body
 {
 	font-family:'Roboto' !important;
 	background: var(--main-bg-color);
+	background-repeat: repeat, no-repeat;
+	background-attachment: fixed, fixed;
+	background-position: center center, center center;
+	background-size: auto, cover;
+	-webkit-background-size: auto, cover;
+	-moz-background-size: auto, cover;
+	-o-background-size: auto, cover; 
 	color:#fff;
 	text-shadow:0 -1px 0 #000
 }
@ -52,7 +59,14 @@ hr {

 div#cover
 {
-	background:var(--main-bg-color)
+	background:var(--main-bg-color);
+	background-repeat: repeat, no-repeat;
+	background-attachment: fixed, fixed;
+	background-position: center center, center center;
+	background-size: auto, cover;
+	-webkit-background-size: auto, cover;
+	-moz-background-size: auto, cover;
+	-o-background-size: auto, cover; 
 }

 div#msg {
@ -95,6 +109,13 @@ ul.CMenu {
    border-left: 1px solid transparent;
    border-bottom: 1px solid transparent;
    background: var(--modal-bg-color);
+	background-repeat: repeat, no-repeat;
+	background-attachment: fixed, fixed;
+	background-position: center center, center center;
+	background-size: auto, cover;
+	-webkit-background-size: auto, cover;
+	-moz-background-size: auto, cover;
+	-o-background-size: auto, cover; 
    padding: 0;
 	border-radius: 5px;
 	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
@ -104,6 +125,13 @@ ul.CMenu {
 ul.CMenu li
 {
 	background:var(--modal-bg-color);
+	background-repeat: repeat, no-repeat;
+	background-attachment: fixed, fixed;
+	background-position: center center, center center;
+	background-size: auto, cover;
+	-webkit-background-size: auto, cover;
+	-moz-background-size: auto, cover;
+	-o-background-size: auto, cover; 
 }

 ul.CMenu li.menuitem:first-child
@ -1002,6 +1030,13 @@ div#dlgProps textarea#prop-trackers

 div.dlg-window {
    background: var(--modal-bg-color);
+	background-repeat: repeat, no-repeat;
+	background-attachment: fixed, fixed;
+	background-position: center center, center center;
+	background-size: auto, cover;
+	-webkit-background-size: auto, cover;
+	-moz-background-size: auto, cover;
+	-o-background-size: auto, cover; 
    color: #fff;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
--- a/CSS/themes/sabnzbd/sabnzbd-base.css
+++ b/CSS/themes/sabnzbd/sabnzbd-base.css
@ -36,7 +36,14 @@ body {
  body {
    overflow-y: auto;
    height: 100%;
-    background: var(--main-bg-color)
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
  }
 }

@ -98,6 +105,13 @@ body {

 .dropdown-menu {
  background: var(--modal-bg-color);
+  background-repeat: repeat, no-repeat;
+  background-attachment: fixed, fixed;
+  background-position: center center, center center;
+  background-size: auto, cover;
+  -webkit-background-size: auto, cover;
+  -moz-background-size: auto, cover;
+  -o-background-size: auto, cover; 
 }

 .dropdown-menu>li>a {
@ -116,11 +130,25 @@ body {

 .menu-options .form-control {
  background: var(--modal-bg-color);
+  background-repeat: repeat, no-repeat;
+  background-attachment: fixed, fixed;
+  background-position: center center, center center;
+  background-size: auto, cover;
+  -webkit-background-size: auto, cover;
+  -moz-background-size: auto, cover;
+  -o-background-size: auto, cover; 
  background-color: rgb(25, 26, 28);
 }

 .main-notification-box {
  background-color: var(--modal-bg-color);
+  background-repeat: repeat, no-repeat;
+  background-attachment: fixed, fixed;
+  background-position: center center, center center;
+  background-size: auto, cover;
+  -webkit-background-size: auto, cover;
+  -moz-background-size: auto, cover;
+  -o-background-size: auto, cover; 
 }

 .form-control:focus {
@ -533,6 +561,13 @@ tr td.row-extra-text,
 /*Settings*/
 .navbar-default {
  background: var(--main-bg-color);
+  background-repeat: repeat, no-repeat;
+  background-attachment: fixed, fixed;
+  background-position: center center, center center;
+  background-size: auto, cover;
+  -webkit-background-size: auto, cover;
+  -moz-background-size: auto, cover;
+  -o-background-size: auto, cover; 
  border: none;
 }

@ -776,14 +811,35 @@ select[disabled]:hover {
 /*modal*/
 .modal-content {
  background: var(--modal-bg-color);
+  background-repeat: repeat, no-repeat;
+  background-attachment: fixed, fixed;
+  background-position: center center, center center;
+  background-size: auto, cover;
+  -webkit-background-size: auto, cover;
+  -moz-background-size: auto, cover;
+  -o-background-size: auto, cover; 
 }

 .modal-body {
  background: var(--modal-bg-color);
+  background-repeat: repeat, no-repeat;
+  background-attachment: fixed, fixed;
+  background-position: center center, center center;
+  background-size: auto, cover;
+  -webkit-background-size: auto, cover;
+  -moz-background-size: auto, cover;
+  -o-background-size: auto, cover; 
 }

 .modal-header {
  background: var(--modal-bg-color);
+  background-repeat: repeat, no-repeat;
+  background-attachment: fixed, fixed;
+  background-position: center center, center center;
+  background-size: auto, cover;
+  -webkit-background-size: auto, cover;
+  -moz-background-size: auto, cover;
+  -o-background-size: auto, cover; 
 }

 .modal-body>.nav-tabs>li>a {
@ -813,6 +869,13 @@ select[disabled]:hover {

 .modal-body>.tab-content>.active {
  background: var(--modal-bg-color) !important;
+  background-repeat: repeat, no-repeat;
+  background-attachment: fixed, fixed;
+  background-position: center center, center center;
+  background-size: auto, cover;
+  -webkit-background-size: auto, cover;
+  -moz-background-size: auto, cover;
+  -o-background-size: auto, cover; 
 }

 #modal-options .tab-content h4 {
--- a/CSS/themes/sonarr/sonarr-base.css
+++ b/CSS/themes/sonarr/sonarr-base.css
@ -112,17 +112,38 @@ a:hover {
 /* MODAL */
 [class*="ModalHeader-modalHeader-"] {
    background: var(--modal-header-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: var(--text-hover);
    border-bottom: 1px solid rgb(var(--accent-color));
 }

 [class*="ModalContent-modalContent-"] {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: var(--text);
 }

 [class*="ModalFooter-modalFooter-"] {
    background: var(--modal-footer-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: #fff;
    border-top: 1px solid rgb(var(--accent-color));
 }
@ -196,6 +217,13 @@ a:hover {
 [class*="SeriesSearchInput-containerOpen-"] [class*="SeriesSearchInput-seriesContainer-"] {
    border: none !important;
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: #fff !important;
    box-shadow: 0 0 10px 1px transparent !important;
 }
@ -350,6 +378,13 @@ a:hover {
 [class*="Popover-body-"],
 [class*="Tooltip-bod-"] {
    background: var(--modal-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 [class*="Tooltip-tooltipContainer-"] {
@ -358,6 +393,13 @@ a:hover {

 [class*="Tooltip-tooltip-"][class*=Tooltip-inverse-] {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 }

@ -491,6 +533,13 @@ a:hover {
 [class*="MenuItem-menuItem-"],
 [class*="MenuContent-menuContent-"] {
    background: var(--drop-down-menu-bg);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: var(--text);
 }

@ -530,6 +579,13 @@ a:hover {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 4px;
    background: var(--drop-down-menu-bg);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: var(--text);
 }
 [class*="EnhancedSelectInputOption-isSelected-"],
@ -669,6 +725,13 @@ input:focus:-ms-input-placeholder {
 [class*="ImportSeriesSelectSeries-searchIconContainer-"] {
    border: none;
    background-color: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: white;
 }

--- a/CSS/themes/synclounge/synclounge-base.css
+++ b/CSS/themes/synclounge/synclounge-base.css
@ -12,7 +12,13 @@
 /* 			      https://github.com/gilbN/theme.park			 */

 main {
-background: var(--main-bg-color);
+background: var(--main-bg-color);background-repeat: repeat, no-repeat;
+background-attachment: fixed, fixed;
+background-position: center center, center center;
+background-size: auto, cover;
+-webkit-background-size: auto, cover;
+-moz-background-size: auto, cover;
+-o-background-size: auto, cover; 
 }
 h4 {
    color: #ffffff;
@ -71,6 +77,13 @@ p a {
 }
 .application .theme--dark.v-card, .theme--dark .v-card {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }
 .flex.md3 .application .theme--dark.v-card, .theme--dark .v-card {
    background: rgba(255, 255, 255, 0.10) !important;
@ -91,12 +104,33 @@ flex xs12 .flex.md3 .application .theme--dark.v-list, .theme--dark .v-list {
 }
 .v-navigation-drawer {
    background: var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 /*popup modal */
 .v-dialog {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }
 .menuable__content__active {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }
--- a/CSS/themes/tautulli/tautulli-base.css
+++ b/CSS/themes/tautulli/tautulli-base.css
@ -12,6 +12,13 @@
 /*			      https://github.com/gilbN/theme.park			 */
  body {
      background: var(--main-bg-color);
+      background-repeat: repeat, no-repeat;
+      background-attachment: fixed, fixed;
+      background-position: center center, center center;
+      background-size: auto, cover;
+      -webkit-background-size: auto, cover;
+      -moz-background-size: auto, cover;
+      -o-background-size: auto, cover; 
      color: var(--text);
  }
  
@ -64,6 +71,13 @@ p,
  /* Navbar */
  .navbar {
      background: var(--main-bg-color);
+      background-repeat: repeat, no-repeat;
+      background-attachment: fixed, fixed;
+      background-position: center center, center center;
+      background-size: auto, cover;
+      -webkit-background-size: auto, cover;
+      -moz-background-size: auto, cover;
+      -o-background-size: auto, cover; 
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
@ -90,6 +104,13 @@ p,
  /* Dropdown */
  .dropdown-menu {
      background: var(--drop-down-menu-bg);
+      background-repeat: repeat, no-repeat;
+      background-attachment: fixed, fixed;
+      background-position: center center, center center;
+      background-size: auto, cover;
+      -webkit-background-size: auto, cover;
+      -moz-background-size: auto, cover;
+      -o-background-size: auto, cover; 
  }
  .dropdown-menu > li > a {
      color: var(--text);
@ -103,6 +124,13 @@ p,
  }
  select, .react-selectize.bootstrap3.root-node .react-selectize-control {
      background: var(--drop-down-menu-bg);
+      background-repeat: repeat, no-repeat;
+      background-attachment: fixed, fixed;
+      background-position: center center, center center;
+      background-size: auto, cover;
+      -webkit-background-size: auto, cover;
+      -moz-background-size: auto, cover;
+      -o-background-size: auto, cover; 
  }
  
  /* Dashboard */
@ -300,13 +328,34 @@ span > a.active, .stacked-configs > li > span > span.active {
  }
  .modal-body {
      background: var(--modal-bg-color);
+      background-repeat: repeat, no-repeat;
+      background-attachment: fixed, fixed;
+      background-position: center center, center center;
+      background-size: auto, cover;
+      -webkit-background-size: auto, cover;
+      -moz-background-size: auto, cover;
+      -o-background-size: auto, cover; 
  }
  .modal-header {
      background: var(--modal-header-color);
+      background-repeat: repeat, no-repeat;
+      background-attachment: fixed, fixed;
+      background-position: center center, center center;
+      background-size: auto, cover;
+      -webkit-background-size: auto, cover;
+      -moz-background-size: auto, cover;
+      -o-background-size: auto, cover; 
      border-bottom: 1px solid rgb(var(--accent-color));
  }
  .modal-footer {
      background: var(--modal-footer-color);
+      background-repeat: repeat, no-repeat;
+      background-attachment: fixed, fixed;
+      background-position: center center, center center;
+      background-size: auto, cover;
+      -webkit-background-size: auto, cover;
+      -moz-background-size: auto, cover;
+      -o-background-size: auto, cover; 
      border-top: 1px solid rgb(var(--accent-color));	
  }
  .modal-config-section {
--- a/CSS/themes/thelounge/thelounge-base.css
+++ b/CSS/themes/thelounge/thelounge-base.css
@ -21,6 +21,13 @@
    #chat .userlist .names {
        box-shadow: 0 0 25px 0 rgba(0,0,0,.5);
        background: var(--window-bg-color);
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover; 
    }
    }

@ -60,6 +67,13 @@
 /* Dropdown menu */
 #context-menu, .textcomplete-menu {
    background: var(--body-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    /* color: white !important; */
 }
 .context-menu-item, .textcomplete-item {
@ -103,6 +117,13 @@
 }
 .mentions-popup {
    background: var(--body-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }
 #chat .toggle-content{
     background: var(--highlight-bg-color);   
--- a/CSS/themes/transmission/transmission-base.css
+++ b/CSS/themes/transmission/transmission-base.css
@ -15,6 +15,13 @@

 body {
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: #dedede;
 }
 /* Scrollbar */  
@ -27,7 +34,14 @@ body {
    body {
        overflow-y: auto;
        height: 100%;
-        background: var(--main-bg-color)
+        background: var(--main-bg-color);
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover; 
    }
    }
    ::-webkit-scrollbar {
@ -50,7 +64,16 @@ body {
        background-color: hsla(0,0%,100%,.5);
        background-clip: padding-box;
    }
-div#torrent_container {background: var(--main-bg-color)}
+div#torrent_container {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
+}

 /* Toolbar */
 div#toolbar {
@ -180,6 +203,13 @@ div#toolbar {
 /* Modal */
    div.dialog_container div.dialog_window {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    background-color: #eee;
    border: none !important;
    opacity: 1;
@ -207,6 +237,13 @@ div#toolbar {
    .ui-widget-content {
    border: 1px solid transparent;
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: #dedede;
    }
    .ui-widget-header {color: #dedede !important;}
--- a/CSS/themes/unraid/unraid-base.css
+++ b/CSS/themes/unraid/unraid-base.css
@ -16,6 +16,13 @@
 body {
    color: var(--text);
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
 }

 h1,h2,h3,h4,h5,h6,strong {
@ -41,10 +48,24 @@ i.control:hover {

 #template {
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
 }

 #menu {
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
 }

 #header .text-left {
@ -264,6 +285,13 @@ label.checkbox input:checked~.checkmark {
 .logLine.spacing {
    color: var(--text);
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
 }

 #sb-info-inner,
@ -284,6 +312,13 @@ div.sb-message {
    border: 1px rgba(0, 0, 0, 0) solid;
    color: var(--text);
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
 }

 #sb-loading,
@ -314,6 +349,13 @@ div.tab [type=radio]+label {
 #footer {
    color: var(--text);
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
 }

 /* CA */
@ -392,11 +434,25 @@ li.caMenuItem:hover {
 div.frame,
 div.tabs {
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
 }

 /*DROPDOWN MENU*/
 .dropdown-menu {
    background: var(--drop-down-menu-bg) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
 }

 .dropdown-menu a {
@ -441,6 +497,13 @@ div.shade-black {
 .showSweetAlert,
 .swal-overlay--show-modal .swal-modal {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
 }

 .sweet-alert h2,
@ -463,6 +526,13 @@ blockquote {
 /* MY SERVERS */
 .UnraidUPC .--hasBanner-custom .UnraidUPC-dropdown {
    background-color: var(--drop-down-menu-bg) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 50%) !important;
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
--- a/CSS/themes/vuetorrent/vuetorrent-base.css
+++ b/CSS/themes/vuetorrent/vuetorrent-base.css
@ -32,6 +32,13 @@ body,
 .v-application .background {
    color: var(--text);
    background: var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 html {
@ -116,6 +123,13 @@ p,

 .v-app-bar.v-app-bar--is-scrolled{
    background: var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 .v-navigation-drawer__content .theme--dark.v-card,
@ -180,6 +194,13 @@ p,
 .v-dialog .theme--light.v-list,
 .v-dialog .theme--dark.v-list {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: var(--text);
 }

@ -378,6 +399,13 @@ background-color: rgb(156 163 175 / 70%) !important;
 .v-menu__content .theme--dark.theme--dark.v-list,
 .v-menu__content .theme--light.theme--light.v-list {
 background: var(--modal-bg-color) !important;
+background-repeat: repeat, no-repeat;
+background-attachment: fixed, fixed;
+background-position: center center, center center;
+background-size: auto, cover;
+-webkit-background-size: auto, cover;
+-moz-background-size: auto, cover;
+-o-background-size: auto, cover; 
 }

 .theme--dark.v-icon,
@ -440,6 +468,13 @@ background: var(--modal-bg-color) !important;
 .apexcharts-tooltip.apexcharts-theme-light {
    color: var(--text);
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    border: 1px solid rgba(255, 255, 255, .1);
 }

--- a/CSS/themes/webtools/webtools-base.css
+++ b/CSS/themes/webtools/webtools-base.css
@ -12,6 +12,13 @@

 body {
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 a,
@ -25,6 +32,13 @@ a:hover {

 #content:before {
    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 * {
@ -94,12 +108,26 @@ content-loading .contentLoading {
 /* MODALS */
 .ngdialog.ngdialog-theme-default .ngdialog-content {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: var(--text) !important;
    border: #f0505000 5px solid;
 }

 .fm .settings {
    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
    color: var(--text);
    Border: 1px solid rgba(0, 0, 0, 0.2);
 }
--- a/CSS/themes/xbackbone/xbackbone-base.css
+++ b/CSS/themes/xbackbone/xbackbone-base.css
@ -12,6 +12,13 @@

 .bg-light {
    background: var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 /* Scrollbar */
@ -25,7 +32,14 @@
    body {
        overflow-y: auto;
        height: 100%;
-        background: var(--main-bg-color)
+        background: var(--main-bg-color);
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover; 
    }
 }

@ -104,7 +118,14 @@ a:hover {

 /* DROPDOWN MENU */
 .dropdown-menu {
-    background: var(--modal-bg-color);
+    background: var(--drop-down-menu-bg);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover; 
 }

 .dropdown-item:focus,
--- a/CSS/variables/organizr-dark.css
+++ b/CSS/variables/organizr-dark.css
@ -1,9 +1,9 @@
 :root {
  --main-bg-color: #1f1f1f;

-  --modal-bg-color: #1b1b1b;
-  --modal-header-color: #1b1b1b;
-  --modal-footer-color: #1b1b1b;
+  --modal-bg-color: #333;
+  --modal-header-color: #232323;
+  --modal-footer-color: #232323;

  --drop-down-menu-bg: #1b1b1b;

--- a/CSS/variables/plex.css
+++ b/CSS/variables/plex.css
@ -1,24 +1,27 @@
-:root {
-  --main-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-light2.png") center center/cover no-repeat fixed;
-  
-  --modal-bg-color: #1f2326;
-  --modal-header-color: #1f2326;
-  --modal-footer-color: #323232;
+ :root {
+   /* --main-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-light2.png") center center/cover no-repeat fixed;
+     --modal-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-dark2.png") center center/cover no-repeat fixed;
+   */
+   --main-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png") repeat scroll 0% 0%, radial-gradient(circle at 0% 100%, rgba(54, 66, 84, 0.55) 0%, rgba(54, 66, 84, 0.043) 70%, rgba(54, 66, 84, 0) 80%), radial-gradient(circle at 100% 100%, rgba(113, 135, 153, 0.55) 0%, rgba(113, 135, 153, 0.043) 70%, rgba(113, 135, 153, 0) 80%), radial-gradient(circle at 100% 0%, rgba(54, 66, 84, 0.55) 0%, rgba(54, 66, 84, 0.043) 70%, rgba(54, 66, 84, 0) 80%), radial-gradient(circle at 0% 0%, rgba(91, 114, 135, 0.55) 0%, rgba(91, 114, 135, 0.043) 70%, rgba(91, 114, 135, 0) 80%), rgb(0, 0, 0) center center/cover no-repeat fixed;

-  --drop-down-menu-bg: #191a1c;
+   --modal-bg-color: #1f2326;
+   --modal-header-color: #1f2326;
+   --modal-footer-color: #323232;

-  --button-color: #cc7b19;
-  --button-color-hover: #e59029;
-  --button-text: #eee;
-  --button-text-hover: #fff;
+   --drop-down-menu-bg: #191a1c;

-  --accent-color:  229, 160, 13;
-  --accent-color-hover: #ffc107;
-  --link-color: #e5a00d;
-  --link-color-hover: #fff;
-  --label-text-color: #fff;
-    
-  --text:#eee;
-  --text-hover: #fff;
-  --text-muted: #bbb;
-}
+   --button-color: #cc7b19;
+   --button-color-hover: #e59029;
+   --button-text: #eee;
+   --button-text-hover: #fff;
+
+   --accent-color: 229, 160, 13;
+   --accent-color-hover: #ffc107;
+   --link-color: #e5a00d;
+   --link-color-hover: #fff;
+   --label-text-color: #fff;
+
+   --text: #eee;
+   --text-hover: #fff;
+   --text-muted: #bbb;
+ }