diff --git a/CSS/themes/adguard/adguard-base.css b/CSS/themes/adguard/adguard-base.css
index 1162f757..927e2f7f 100644
--- 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;
     }
 }
diff --git a/CSS/themes/bazarr/bazarr-base.css b/CSS/themes/bazarr/bazarr-base.css
index 3600600c..33d1b80d 100644
--- 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)
diff --git a/CSS/themes/bitwarden/bitwarden-base.css b/CSS/themes/bitwarden/bitwarden-base.css
index aa5b3da0..5c9095d0 100644
--- 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 */
diff --git a/CSS/themes/deluge/deluge-base.css b/CSS/themes/deluge/deluge-base.css
index 4e195ccd..13456dc7 100644
--- 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 {
diff --git a/CSS/themes/dozzle/dozzle-base.css b/CSS/themes/dozzle/dozzle-base.css
index a293e6ee..f5490b0d 100644
--- 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);
diff --git a/CSS/themes/duplicacy/duplicacy-base.css b/CSS/themes/duplicacy/duplicacy-base.css
index c6a9feca..7fe03b17 100644
--- 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,
diff --git a/CSS/themes/emby/emby-base.css b/CSS/themes/emby/emby-base.css
index 5d296ed0..67fbc12f 100644
--- 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 {
diff --git a/CSS/themes/filebrowser/filebrowser-base.css b/CSS/themes/filebrowser/filebrowser-base.css
index b01b88f1..650c9e1f 100644
--- 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);
diff --git a/CSS/themes/flood/flood-base.css b/CSS/themes/flood/flood-base.css
index 3de1b9a7..39555547 100644
--- 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,
diff --git a/CSS/themes/gaps/gaps-base.css b/CSS/themes/gaps/gaps-base.css
index 4d3e29a2..fcd7a3d9 100644
--- 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);
 }
diff --git a/CSS/themes/gitea/gitea-base.css b/CSS/themes/gitea/gitea-base.css
index c5c49a69..a00aef50 100644
--- 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 */
diff --git a/CSS/themes/grafana/grafana-base.css b/CSS/themes/grafana/grafana-base.css
index 704ecf7e..b7daf075 100644
--- 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);
diff --git a/CSS/themes/guacamole/guacamole-base.css b/CSS/themes/guacamole/guacamole-base.css
index 0a2c8988..96369144 100644
--- 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; 
 }
\ No newline at end of file
diff --git a/CSS/themes/jackett/jackett-base.css b/CSS/themes/jackett/jackett-base.css
index aff625a2..1fcec6d8 100644
--- 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;
 }
diff --git a/CSS/themes/jellyfin/jellyfin-base.css b/CSS/themes/jellyfin/jellyfin-base.css
index fe4b9a61..e2e885c5 100644
--- 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 {
diff --git a/CSS/themes/kitana/kitana-base.css b/CSS/themes/kitana/kitana-base.css
index ef558e73..d53b80a6 100644
--- 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;
 }
 
diff --git a/CSS/themes/lazylibrarian/lazylibrarian-base.css b/CSS/themes/lazylibrarian/lazylibrarian-base.css
index d2de9288..f1b37455 100644
--- 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 {
diff --git a/CSS/themes/librespeed/librespeed-base.css b/CSS/themes/librespeed/librespeed-base.css
index ab40d0cf..607d03f6 100644
--- 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;
diff --git a/CSS/themes/lidarr/lidarr-base.css b/CSS/themes/lidarr/lidarr-base.css
index 0be8b6a7..36447454 100644
--- 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;
 }
diff --git a/CSS/themes/logarr/logarr-base.css b/CSS/themes/logarr/logarr-base.css
index dfeed3d2..75750d4a 100644
--- 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;
 }
 
diff --git a/CSS/themes/monitorr/monitorr-base.css b/CSS/themes/monitorr/monitorr-base.css
index dcfffeae..30713b7a 100644
--- 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 {
diff --git a/CSS/themes/moviematch/moviematch-base.css b/CSS/themes/moviematch/moviematch-base.css
index 588b3e45..ec14b0ba 100644
--- 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)
 }
 
diff --git a/CSS/themes/netdata/netdata-base.css b/CSS/themes/netdata/netdata-base.css
index 4d263d54..55b09df1 100644
--- 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;
 }
 
diff --git a/CSS/themes/nzbget/nzbget-base.css b/CSS/themes/nzbget/nzbget-base.css
index 90ffc85d..d36bc553 100644
--- 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 {
diff --git a/CSS/themes/nzbhydra2/nzbhydra-base.css b/CSS/themes/nzbhydra2/nzbhydra-base.css
index 42b0acdf..c8c704c7 100644
--- 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);
 }
 
diff --git a/CSS/themes/ombi/ombi-base.css b/CSS/themes/ombi/ombi-base.css
index 9746b0a0..5f4193bf 100644
--- 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 {
diff --git a/CSS/themes/organizr/organizr-base.css b/CSS/themes/organizr/organizr-base.css
index dc532928..a7896e76 100644
--- 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%;
diff --git a/CSS/themes/petio/petio-base.css b/CSS/themes/petio/petio-base.css
index 5f5e0b6b..81d169f1 100644
--- 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 */
diff --git a/CSS/themes/pihole/pihole-base.css b/CSS/themes/pihole/pihole-base.css
index 8a62848e..b9a711c3 100644
--- 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;
diff --git a/CSS/themes/plex/plex-base.css b/CSS/themes/plex/plex-base.css
index 8f03ac9e..2069568b 100644
--- 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-"],
diff --git a/CSS/themes/plpp/plpp-base.css b/CSS/themes/plpp/plpp-base.css
index f8667c98..5653607a 100644
--- 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 {
diff --git a/CSS/themes/portainer/portainer-base.css b/CSS/themes/portainer/portainer-base.css
index 63dcf2ae..214c4070 100644
--- 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);
diff --git a/CSS/themes/prowlarr/prowlarr-base.css b/CSS/themes/prowlarr/prowlarr-base.css
index 736c3a62..a8f86c29 100644
--- 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;
 }
 
diff --git a/CSS/themes/qbittorrent/qbittorrent-base.css b/CSS/themes/qbittorrent/qbittorrent-base.css
index 53855dba..31ed1151 100644
--- 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 {
diff --git a/CSS/themes/radarr/radarr-base.css b/CSS/themes/radarr/radarr-base.css
index 215dd23c..2aa0854d 100644
--- 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;
 }
 
diff --git a/CSS/themes/readarr/readarr-base.css b/CSS/themes/readarr/readarr-base.css
index b9d7f983..9d7dd4c4 100644
--- 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;
 }
diff --git a/CSS/themes/requestrr/requestrr-base.css b/CSS/themes/requestrr/requestrr-base.css
index 9b4494bd..0322fafb 100644
--- 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 {
diff --git a/CSS/themes/resilio-sync/resilio-base.css b/CSS/themes/resilio-sync/resilio-base.css
index 1eae2b21..b67ef75c 100644
--- 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 */
diff --git a/CSS/themes/rutorrent/rutorrent-base.css b/CSS/themes/rutorrent/rutorrent-base.css
index 64ed8e82..f3ea93c4 100644
--- 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;
diff --git a/CSS/themes/sabnzbd/sabnzbd-base.css b/CSS/themes/sabnzbd/sabnzbd-base.css
index 31210670..280c3f15 100644
--- 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 {
diff --git a/CSS/themes/sonarr/sonarr-base.css b/CSS/themes/sonarr/sonarr-base.css
index 2f63e654..98f20ba7 100644
--- 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;
 }
 
diff --git a/CSS/themes/synclounge/synclounge-base.css b/CSS/themes/synclounge/synclounge-base.css
index 5ca0a1af..220df1ab 100644
--- 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; 
 }
diff --git a/CSS/themes/tautulli/tautulli-base.css b/CSS/themes/tautulli/tautulli-base.css
index bcc3afc5..0d055b80 100644
--- 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 {
diff --git a/CSS/themes/thelounge/thelounge-base.css b/CSS/themes/thelounge/thelounge-base.css
index 5ff1e453..27a30289 100644
--- 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);   
diff --git a/CSS/themes/transmission/transmission-base.css b/CSS/themes/transmission/transmission-base.css
index 176691fb..a979a063 100644
--- 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;}
diff --git a/CSS/themes/unraid/unraid-base.css b/CSS/themes/unraid/unraid-base.css
index 8dd668e2..ee7b840a 100644
--- 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);
diff --git a/CSS/themes/vuetorrent/vuetorrent-base.css b/CSS/themes/vuetorrent/vuetorrent-base.css
index 41746d0b..340573d4 100644
--- 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);
 }
 
diff --git a/CSS/themes/webtools/webtools-base.css b/CSS/themes/webtools/webtools-base.css
index fc775b52..3179d0bc 100644
--- 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);
 }
diff --git a/CSS/themes/xbackbone/xbackbone-base.css b/CSS/themes/xbackbone/xbackbone-base.css
index 6cc1b26f..da3ca306 100644
--- 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,
diff --git a/CSS/variables/organizr-dark.css b/CSS/variables/organizr-dark.css
index 2c945615..252d3089 100644
--- 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;
 
diff --git a/CSS/variables/plex.css b/CSS/variables/plex.css
index 159ba015..04bcda3d 100644
--- 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;
-}
\ No newline at end of file
+   --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;
+ }
\ No newline at end of file