Update 2022-03-19

README.md

@@ -2,9 +2,9 @@
 
 [![Docs](https://img.shields.io/static/v1.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&label=theme-park.dev&message=Docs)](https://docs.theme-park.dev "Documentation for all the themes in this repository.")
 [![Discord](https://img.shields.io/discord/591352397830553601.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&label=Discord&logo=discord)](https://discord.gg/HM5uUKU "Discord for theme installation support")
-[![GitHub Stars](https://img.shields.io/github/stars/gilbn/theme.park.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&logo=github)](https://assets.deathbybandaid.net/theme.park)
+[![GitHub Stars](https://img.shields.io/github/stars/gilbn/theme.park.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&logo=github)](https://github.com/GilbN/theme.park)
 [![Support](https://img.shields.io/static/v1.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&label=&message=sponsor&logo=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABN0lEQVQ4T2NkoBAwIuv/HxDggMT/wLhhwwUQ/39AgAEDA4MATI5xw4YDcDaaAf+R+AcZN2wAG/g/IACkwR7JALjFYAbU5v0k+sYR5BLG/wEBCQwMDAUMDAz6DM3NDAxz5zIwPHhAjFkXGRgYJoAMaGBgYKgH6wgPZ2DYt4+B4fVrYgwAqWlENYBYbQwMDO8+sjH8+cvUSbYB6w9Kv/vwlW0aWYE4Z5MCAwfrf7fYnxN3wwwAxTEorvHGBMjZBy+Ivvv6jSXi20+OU+kMnR/RExIoQEGxIo8eHM/fcDA8fc114/J9/jVJv/prsSYkaJqYwMDAEIBsCMjme894bl6+w7s76e/EXGTDUVwAk0CJWgYGBliAIduM0wVIhoCS8X7kAMMWy1hdAPUKOGCXbJdnhQUYSQYQm6YAtdh8zhSGm1AAAAAASUVORK5CYII=)](https://github.com/sponsors/GilbN "Donate!")
-[![GitHub](https://img.shields.io/github/license/gilbn/theme.park.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge)](https://assets.deathbybandaid.net/theme.park/blob/master/LICENSE)
+[![GitHub](https://img.shields.io/github/license/gilbn/theme.park.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge)](https://github.com/gilbN/theme.park/blob/master/LICENSE)
 [![GitHub Package Repository](https://img.shields.io/static/v1.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&label=theme-park.dev&message=Packages&logo=github)](https://github.com/users/GilbN/packages/container/package/theme.park)
 [![Docker Pulls](https://img.shields.io/docker/pulls/gilbn/theme.park.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&label=pulls&logo=docker)](https://hub.docker.com/r/gilbn/theme.park)
 [![Blog](https://img.shields.io/static/v1.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&label=technicalramblings&message=Blog)](https://technicalramblings.com/ "A blog with different guides :)")

css/base/bazarr/bazarr-base.css

@@ -103,6 +103,19 @@ a:hover {
     background-color: rgb(0 0 0 / 15%);
 }
 
+.text-dark {
+color: var(--text-hover)!important;
+}
+.text-secondary {
+color: var(--text)!important;
+}
+.dropdown-item.disabled, .dropdown-item:disabled {
+color: var(--text-muted);
+pointer-events: none;
+background-color: transparent;
+}
+
+
 h1,
 h2,
 h3,
@@ -211,7 +224,8 @@ label,
     background-color: rgba(0, 0, 0, .25);
 }
 
-.sidebar-container .sidebar-button {
+.sidebar-container .sidebar-button,
+.sidebar-container .button {
     color: var(--text) !important;
     background: transparent
 }
@@ -222,7 +236,8 @@ label,
     background-color: rgba(0, 0, 0, 0.15) !important;
 }
 
-.sidebar-container .sidebar-button:hover {
+.sidebar-container .sidebar-button:hover,
+.sidebar-container .button:hover {
     background-color: transparent !important;
     color: rgb(var(--accent-color)) !important;
 }
@@ -232,7 +247,8 @@ label,
 }
 
 .sidebar-container .sidebar-button.sb-active,
-.sidebar-container .sidebar-button.sb-active:hover {
+.sidebar-container .sidebar-button.sb-active:hover,
+.sidebar-container .button.active {
     background-color: rgba(0, 0, 0, 0.15) !important;
     color: rgb(var(--accent-color)) !important;
 }
@@ -352,6 +368,9 @@ hr {
     box-shadow: 0 0 10px 1px #000000;
     color: var(--text);
 }
+.card-header {
+    border-bottom: 1px solid rgb(255 255 255 / 10%);
+}
 
 .settings-card:hover,
 .settings-card:focus {
@@ -368,6 +387,7 @@ hr {
 /* Series page */
 .progress-bar {
     background-color: var(--accent-color);
+    text-shadow: none;
 }
 
 .progress {
@@ -827,6 +847,9 @@ line {
     background-size: 1rem 1rem
 }
 
+.notification-btn .notification-center-progress .progress .progress-bar {
+    text-shadow: -2px -2px 5px rgb(var(--accent-color)), 2px -2px 5px rgb(var(--accent-color)), -2px 2px 5px rgb(var(--accent-color)), 2px 2px 5px rgb(var(--accent-color));
+}
 /* LOGS */
 /* Stack traceback */
 code.zmdi-language-python-alt {

css/base/lidarr/lidarr-base.css

@@ -251,10 +251,7 @@ a:hover {
 }
 
 /* ADD NEW */
-[class*="EnhancedSelectInput-options-"],
+[class*="EnhancedSelectInput-options-"] {
-[class*="EnhancedSelectInputOption-option-"],
-[class*="EnhancedSelectInput-optionsContainer-"] {
-    border: 0px solid rgba(255, 255, 255, 0.2);
     border-radius: 4px;
     background: var(--drop-down-menu-bg);
     background-repeat: repeat, no-repeat;
@@ -267,6 +264,10 @@ a:hover {
     color: var(--text);
 }
 
+[class*="EnhancedSelectInput-options-"] {
+    border: 1px solid rgba(var(--accent-color)) !important;
+}
+
 [class*="EnhancedSelectInputOption-isSelected-"],
 [class*="EnhancedSelectInputOption-isSelected-"]:hover {
     background-color: rgba(255, 255, 255, 0.20) !important;
@@ -635,7 +636,11 @@ a:hover {
 
 
 /* TOP HEADER DROPDOWN */
-[class*="MenuItem-menuItem-"],
+[class*="MenuItem-menuItem-"] {
+    color: var(--text);
+    background: 0;
+}
+
 [class*="MenuContent-menuContent-"] {
     background: var(--drop-down-menu-bg);
     background-repeat: repeat, no-repeat;
@@ -645,7 +650,6 @@ a:hover {
     -webkit-background-size: auto, cover;
     -moz-background-size: auto, cover;
     -o-background-size: auto, cover;  
-    color: var(--text);
 }
 
 [class*="MenuContent-scroller-"] {

css/base/organizr/organizr-base.css

@@ -21,19 +21,7 @@
     border: 1px solid rgb(var(--accent-color), 0.5);
 }
 
-.modal-content,
-.mfp-content .panel {
-    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;
-}
 
-[id*="homepage-"]>fieldset>div>div.panel-wrapper.collapse.in>div>div,
 [id$="-settings-items"]>div {
     background: var(--modal-bg-color);
     background-repeat: repeat, no-repeat !important;
@@ -62,14 +50,7 @@
 }
 
 #HEALTHCHECKS-settings-items [id*="Services"] .row.m-b-40 {
-    background: var(--modal-bg-color);
+    background: rgba(0, 0, 0, 0)
-    background-repeat: repeat, no-repeat;
-    background-attachment: fixed, fixed;
-    background-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,
@@ -209,17 +190,9 @@ h6 {
 .panel-info .panel-heading {
     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):not(body > div.swal-overlay.swal-overlay--show-modal > div > div > div > div.panel-wrapper.collapse.in > div) {
+/* .panel-body:not(.unifiCards .panel-body):not(body > div.swal-overlay.swal-overlay--show-modal > div > div > div > div.panel-wrapper.collapse.in > div) {
     background: var(--modal-bg-color);
     background-repeat: repeat, no-repeat;
     background-attachment: fixed, fixed;
@@ -228,7 +201,7 @@ h6 {
     -webkit-background-size: auto, cover;
     -moz-background-size: auto, cover;
     -o-background-size: auto, cover;
-}
+} */
 
 .bg-plex:not(h2 .bg-plex) {
     background: #e5a00d;
@@ -239,14 +212,16 @@ h6 {
 .tabs-style-flip nav a,
 .nav-tabs>li>a {
     color: var(--text-hover);
+    transition: color .3s;
 }
 
 .customtab2 li.active a,
 .customtab2 li.active a:focus,
 .customtab2 li.active a:hover {
-    background: rgba(0, 0, 0, 0.25) !important;
+    background: rgba(var(--accent-color), 0.15) !important;
-    border-color: rgba(255, 255, 255, 0.1) !important;
+    border-color: rgba(var(--accent-color), 0.1) !important;
     border-radius: 20px;
+    color: rgb(var(--accent-color)) !important;
 }
 
 /*toast*/
@@ -284,6 +259,41 @@ h6 {
 [id*="settings-"]>div>div.panel-heading:not(form > div > div.panel-heading) {
     background: rgba(0, 0, 0, 0.25);
 }
+[id*="settings-"]>div>div.panel-heading .bg-org:not(form > div > div.panel-heading) {
+    background: rgba(0, 0, 0, 0.25);
+}
+
+#account-area > div > div > div > div,
+[id*="homepage-"] > fieldset > div,
+#speedtest-area > div > 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;
+}
+
+
+#homepage-Deluge-form > fieldset > div > div.panel-wrapper.collapse.in > div > div > div > div.tab-pane.fade.in.active > div > div > div > div > div > div > div {
+    background: rgba(0, 0, 0, .1);
+}
+
+/* Homepage Item Modals*/
+[id$="API-SOCKS"] > div:nth-child(1) > div.col-md-12.p-b-10 > div > div > div,
+[id$="About"] > div > div > div > div > div,
+[id$="Enable"] > div > div > div > div > div > div > div,
+[id$="FYI"] > div > div > div > div > div > div > div,
+#\39 w59f92rirFYI > div > div > div > div > div > div > div,
+[id$="Setup"] > div > div > div > div > div {
+    background: rgba(0, 0, 0, 0.25);
+}
+
+[id*="settings-"] .panel {
+    background: rgba(0, 0, 0, 0.25);
+}
 
 #customize-appearance-form>ul>li.active>a {
     background: rgba(0, 0, 0, 0.25);
@@ -1125,7 +1135,7 @@ label[for="checkbox-login"]:hover {
 .panel-inverse .panel-heading {
     border-color: transparent;
     color: #fff;
-    background: var(--main-bg-color);
+    background: var(--modal-bg-color);
     background-repeat: repeat, no-repeat;
     background-attachment: fixed, fixed;
     background-position: center center, center center;
@@ -1165,7 +1175,6 @@ label[for="checkbox-login"]:hover {
 .nav-tabs>li.active>a:hover {
     cursor: pointer;
     opacity: 1;
-    background: rgb(var(--accent-color) , .15) !important;
 }
 
 #homepageOrderdownloader .nav-tabs>li.active>a,
@@ -1584,9 +1593,10 @@ a:hover,
     box-shadow: none !important;
 }
 
-.swal-overlay--show-modal .swal-modal:not(.swal-modal.orgAlertTransparent),
+.swal-modal,
-body > div.swal-overlay.swal-overlay--show-modal > div > div > div > div > div.panel-heading {
+body > div.swal-overlay.swal-overlay--show-modal > div > div > div > div > div.panel-heading,
-    background: var(--main-bg-color);
+body > div.swal-overlay.swal-overlay--show-modal > div {
+    background: var(--modal-bg-color);
     background-repeat: repeat, no-repeat;
     background-attachment: fixed, fixed;
     background-position: center center, center center;
@@ -1655,6 +1665,7 @@ body > div.swal-overlay.swal-overlay--show-modal > div > div > div > div > div.p
 .customvtab .tabs-vertical li.active a:hover {
     border-right: 2px solid rgb(var(--accent-color));
     color: rgb(var(--accent-color));
+    transition: background-color .3s;
 }
 
 .vtabs .tabs-vertical li a {
@@ -1663,7 +1674,9 @@ body > div.swal-overlay.swal-overlay--show-modal > div > div > div > div > div.p
 
 .vtabs .nav>li>a:focus,
 .vtabs .nav>li>a:hover {
-    background-color: rgba(var(--accent-color), .15);
+    color: rgba(var(--accent-color));
+    background: transparent;
+    transition: color .3s;
 }
 
 /* THEME PARK CUSTOM END*/
@@ -1719,7 +1732,7 @@ body {
 }
 
 .navbar-header {
-    background: var(--main-bg-color);
+    background: none;
     background-repeat: repeat, no-repeat;
     background-attachment: fixed, fixed;
     background-position: center center, center center;
@@ -1736,14 +1749,7 @@ body {
 .nav .open>a,
 .nav .open>a:focus,
 .nav .open>a:hover {
-    background: var(--modal-bg-color);
+    background: rgba(0, 0, 0, 0.25);
-    background-repeat: repeat, no-repeat;
-    background-attachment: fixed, fixed;
-    background-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*/
@@ -1860,7 +1866,7 @@ background: rgb(0 0 0 / 0%) !important;
 }
 
 .dropdown-menu {
-    background: var(--drop-down-menu-bg) !important;
+    background: var(--drop-down-menu-bg);
     background-repeat: repeat, no-repeat;
     background-attachment: fixed, fixed;
     background-position: center center, center center;
@@ -1910,6 +1916,21 @@ background: rgb(0 0 0 / 0%) !important;
     border: 1px solid var(--button-color-hover);
 }
 
+.swal-button {
+    outline: none;
+    background: var(--button-color);
+    border: 1px solid var(--button-color);
+    color: var(--button-text);
+    border-radius: 0px;
+}
+.swal-button:focus,.swal-button:active {
+    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0), 0 0 0 3px rgb(var(--accent-color),.25);
+}
+.swal-button:not([disabled]):hover,.swal-button:active {
+    background-color: var(--button-color-hover);
+    color: var(--button-text-hover);
+    border: 1px solid var(--button-color-hover);
+}
 /*Custom tab
 .customtab li.active a,
 .customtab li.active a:hover,
@@ -2052,9 +2073,6 @@ body>div.mfp-wrap.mfp-auto-cursor.mfp-zoom-out.mfp-ready>div>div.mfp-content>div
     -o-background-size: auto, cover;
 }
 
-.panel {
-    background: #1b1a1a;
-}
 
 .form-control,
 input,
@@ -2098,12 +2116,14 @@ input,
 .customtab2 li.active a:hover {
     background: #1f1f1f;
     border-radius: 20px;
+    border: 0;
+    transition: background-color .3s;
 }
 
 .nav-tabs>li>a:hover {
-    background: rgba(0, 0, 0, 0.25) !important;
+    background: transparent !important;
-    border-radius: 0px;
+    border-radius: 20px;
-    color: var(--text-hover);
+    color: rgb(var(--accent-color)) !important;
 }
 
 .tabs-style-flip nav a:focus,
@@ -2122,7 +2142,7 @@ input,
 }
 
 
-#account-area>div>div>div>div>div.panel-wrapper.collapse.in.main-email-panel>div {
+/* #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;
@@ -2131,7 +2151,7 @@ input,
     -webkit-background-size: auto, cover;
     -moz-background-size: auto, cover;
     -o-background-size: auto, cover;
-}
+} */
 
 .tab-content .panel .panel-body,
 .tab-content .panel .panel-body .bg-org {
@@ -2296,7 +2316,7 @@ fieldset[disabled] .form-control {
 .customvtab .tabs-vertical li.active a,
 .customvtab .tabs-vertical li.active a:focus,
 .customvtab .tabs-vertical li.active a:hover,
-.dropdown-menu,
+/* .dropdown-menu, */
 .fc-day,
 .footable-row-detail,
 .img-thumbnail,
@@ -2339,9 +2359,9 @@ table.dataTable tbody tr {
 
 .btn-default,
 .chat-list .chat-text h4,
-.dropdown-menu>li>a,
+/* .dropdown-menu>li>a,
 .dropdown-menu>li>a:focus,
-.dropdown-menu>li>a:hover,
+.dropdown-menu>li>a:hover, */
 .flot-text,
 .footer,
 .form-control,
@@ -2413,7 +2433,7 @@ th {
 .pager li>span,
 .pagination>li>a,
 .pagination>li>span,
-.panel:not(#invite-area > div > div > div.col-md-12 > div):not(#login-panels > div),
+/* .panel:not(#invite-area > div > div > div.col-md-12 > div):not(#login-panels > div), */
 .panel-default .panel-body,
 .panel-default .panel-footer,
 .panel-default .panel-heading,
@@ -2514,3 +2534,31 @@ span.select2-results {
 .select2-container--default .select2-results__option[aria-selected=true] {
     background-color: #232323;
 }
+
+/* .panel-info>.panel-heading {
+    background-color: rgba(var(--accent-color));
+} */
+
+.panel-blue .panel-heading, .panel-info .panel-heading, #help-modal-body > div > div {
+    background-color: rgba(0, 0, 0, .25);
+}
+#account-area > div > div > div > div > div.panel-wrapper.collapse.in.main-email-panel > div > div > div  > div > div,
+#plexRecent > div.col-lg-12 > div,
+#overseerr-requests > div.col-lg-12 > div,
+body > div.swal-overlay.swal-overlay--show-modal > div > div > div > div {
+    background: transparent;
+}
+
+[id$="-settings-page"] .bg-org, .modal-content,
+body > div.swal-overlay.swal-overlay--show-modal > div > div > div,
+#email-area > div > div > div.row > div > div,
+#invite-area > div > div > div.col-md-12 > 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;
+}

css/base/overseerr/overseerr-base.css

@@ -65,6 +65,7 @@ button[class*="bg-indigo-"],
 button[class*="bg-gray-"],
 button[class*="border-indigo-"],
 button[class*="border-gray-"],
+#__next > div > div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64 > main > div > div > div.relative.z-40.mt-6.mb-12.lg\:flex.lg\:items-end.lg\:justify-between.lg\:space-x-5 > div.flex.flex-col-reverse.mt-6.space-y-4.space-y-reverse.justify-stretch.lg\:flex-row.lg\:justify-end.lg\:space-x-reverse.lg\:space-y-0.lg\:space-x-3 > a,
 button.input-action {
     background-color: var(--button-color);
     border-color: var(--button-color);
@@ -81,7 +82,8 @@ button[class*="bg-gray-"]:hover,
 button[class*="border-indigo-"]:hover,
 button[class*="border-gray-"]:hover,
 button.input-action:hover,
-button[class="input-action"]:hover {
+button[class="input-action"]:hover,
+#__next > div > div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64 > main > div > div > div.relative.z-40.mt-6.mb-12.lg\:flex.lg\:items-end.lg\:justify-between.lg\:space-x-5 > div.flex.flex-col-reverse.mt-6.space-y-4.space-y-reverse.justify-stretch.lg\:flex-row.lg\:justify-end.lg\:space-x-reverse.lg\:space-y-0.lg\:space-x-3 > a:hover {
     background-color: var(--button-color-hover);
     border-color: var(--button-color-hover);
     color: var(--button-text-hover);
@@ -193,8 +195,8 @@ body {
 }
 
 .bg-gray-800 {
-    --tw-bg-opacity: 0.3;
+    --tw-bg-opacity: 0.05;
-    background-color: rgb(0, 0, 0, var(--tw-bg-opacity));
+    background-color: rgb(255, 255, 255, var(--tw-bg-opacity));
 }
 
 .hover\:bg-gray-700:hover {
@@ -203,6 +205,11 @@ body {
     color: rgb(var(--accent-color)) !important;
 }
 
+.bg-gray-700 {
+    --tw-bg-opacity: .05;
+    background-color: rgba(var(--accent-color), var(--tw-bg-opacity));
+}
+
 /* SEARCH BAR */
 #__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>.bg-gray-700 {
     background-color: rgb(var(--accent-color), .3)
@@ -270,9 +277,9 @@ body {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--accent-color), .5));
 }
 
-#__next>div>div.fixed.top-0.bottom-0.left-0.z-30.hidden.lg\:flex.lg\:flex-shrink-0>div>div>div>nav>a.flex.group.items-center.px-2.py-2.text-lg.leading-6.font-medium.rounded-md.text-white.focus\:outline-none.transition.ease-in-out.duration-150.bg-gradient-to-br.from-indigo-600.to-purple-600.hover\:from-indigo-500.hover\:to-purple-500 {
+#__next>div>div.fixed.top-0.bottom-0.left-0.z-30.hidden.lg\:flex.lg\:flex-shrink-0>div>div>div>nav>a.flex.group.items-center.px-2.py-2.text-lg.leading-6.font-medium.rounded-md.text-white.focus\:outline-none.transition.ease-in-out.duration-150.bg-gradient-to-br.from-indigo-600.to-purple-600.hover\:from-indigo-500.hover\:to-purple-500,
-    background: rgba(var(--accent-color), 0.05);
+#__next > div > div.fixed.top-0.bottom-0.left-0.z-30.hidden.lg\:flex.lg\:flex-shrink-0 > div > div > div > nav > a.flex.group.items-center.px-2.py-2.text-lg.leading-6.font-medium.rounded-md.text-white.focus\:outline-none.transition.ease-in-out.duration-150.bg-gradient-to-br.from-indigo-600.to-purple-600.hover\:from-indigo-500.hover\:to-purple-500 > svg {
-    color: rgba(var(--accent-color));
+    color: rgb(var(--accent-color)) !important;
 }
 
 body>div.z-50.fixed.inset-0.overflow-hidden.bg-opacity-70.bg-gray-800.enter-done>div>section>div>div {
@@ -321,8 +328,8 @@ a.slider-title:hover {
 }
 
 /* CARD HOVER */
-#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>div>div>div>div:hover {
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>div>div>div>div:hover a {
-    background: linear-gradient(rgba(var(--accent-color), .04) 0%, rgba(var(--accent-color), 0.9) 100%);
+    background: linear-gradient(rgba(var(--accent-color), 0.3) 0%, rgba(0,0,0,.7) 100%) !important;
 }
 
 #__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>div>div.absolute.inset-0.z-0>div.absolute.inset-0 {
@@ -335,15 +342,16 @@ a.slider-title:hover {
 
 
 /* SHOW PAGE */
-#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-page-bg-image>div.absolute.inset-0 {
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-page-bg-image>div.absolute.inset-0,
-    background: linear-gradient(rgba(var(--accent-color), 0.3) 0%, rgba(0, 0, 0) 100%) !important;
+#__next > div > div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64 > main > div > div > div.absolute.left-0.right-0.z-0.-top-16.h-96 > div > div > div.absolute.inset-0 {
+    background: var(--overseerr-gradient) !important;
 }
 
 #__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-overview {
-    background: var(--main-bg-color);
+    /* background: var(--main-bg-color);
     padding: 1rem 1rem 2rem 0;
     padding-left: 1rem;
-    margin: 1rem -1rem -1rem;
+    margin: 1rem -1rem -1rem; */
 }
 
 #__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>a>div:hover,
@@ -394,7 +402,7 @@ a.slider-title:hover {
 
 /* RINGA A DINGALING*/
 .ring-1 {
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) rgb(0 0 0 / 10%) !important;
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) rgb(255 255 255 / 10%) !important;
 }
 
 
@@ -513,7 +521,8 @@ body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-cent
 /* DROPDOWN */
 
 #__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-header>div.media-actions>span>span>div>div.bg-gray-700,
-#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-header>div.media-actions>span>span>div>div>div>a {
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-header>div.media-actions>span>span>div>div>div>a,
+#__next > div > div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64 > main > div > div > div.mt-10.text-white > form > div:nth-child(5) > div > div > div > div > div > div {
     background: var(--drop-down-menu-bg);
 }
 
@@ -521,6 +530,14 @@ body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-cent
     background: rgba(255, 255, 255, 0.1);
 }
 
+
+[aria-labelledby="user-menu"] {
+    background: var(--drop-down-menu-bg);
+}
+[aria-labelledby="user-menu"] a:hover{
+    background-color: rgba(255, 255, 255, 0.05);
+}
+
 /* LOGIN */
 #__next>div>div.relative.z-50.mt-8.sm\:mx-auto.sm\:w-full.sm\:max-w-md>div>button,
 #__next>div>div.relative.z-50.mt-8.sm\:mx-auto.sm\:w-full.sm\:max-w-md>div>div:nth-child(3)>button {

css/base/plex/plex-base.css

@@ -118,8 +118,11 @@ a[class*="MetadataTableRow-title-"]:hover {
 }
 
 /* BODY */
-html body,
+#plex > div[class*="FullPageBackground-backgroundContainer-"] > div > div:nth-child(1) > canvas,
-.application {
+#plex > div[class*="FullPageBackground-backgroundContainer-"] > div > canvas {
+  display: none !important;
+}
+body,[class*="FullPageBackground-backgroundContainer-"] {
   background: var(--main-bg-color);
   background-repeat: repeat, no-repeat;
   background-attachment: fixed, fixed;
@@ -280,7 +283,8 @@ button:hover [class*="DisclosureArrow-disclosureArrow-"] {
   border-color: rgb(var(--accent-color));
 }
 
-[class*="PivotTab-selectedButton-"]:after {
+[class*="PivotTab-selectedButton-"]:after,
+[class*="TabButton-selectedButton-"]:after {
   background-color: rgb(var(--accent-color)) !important;
 }
 

css/base/prowlarr/prowlarr-base.css

@@ -556,7 +556,11 @@ a:hover {
 }
 
 /* LIBRARY TOP HEADER DROPDOWN */
-[class*="MenuItem-menuItem-"],
+[class*="MenuItem-menuItem-"] {
+    color: var(--text);
+    background: 0;
+}
+
 [class*="MenuContent-menuContent-"] {
     background: var(--drop-down-menu-bg);
     background-repeat: repeat, no-repeat;
@@ -566,7 +570,6 @@ a:hover {
     -webkit-background-size: auto, cover;
     -moz-background-size: auto, cover;
     -o-background-size: auto, cover;  
-    color: var(--text);
 }
 
 [class*="MenuContent-scroller-"] {
@@ -602,10 +605,7 @@ a:hover {
 
 /* ADD NEW */
 
-[class*="EnhancedSelectInput-options-"],
+[class*="EnhancedSelectInput-options-"] {
-[class*="EnhancedSelectInputOption-option-"],
-[class*="EnhancedSelectInput-optionsContainer-"] {
-    border: 0px solid rgba(255, 255, 255, 0.2);
     border-radius: 4px;
     background: var(--drop-down-menu-bg);
     background-repeat: repeat, no-repeat;
@@ -618,6 +618,10 @@ a:hover {
     color: var(--text);
 }
 
+[class*="EnhancedSelectInput-options-"] {
+    border: 1px solid rgba(var(--accent-color)) !important;
+}
+
 [class*="EnhancedSelectInputOption-isSelected-"],
 [class*="EnhancedSelectInputOption-isSelected-"]:hover {
     background-color: rgba(255, 255, 255, 0.20) !important;

css/base/radarr/radarr-base.css

@@ -566,7 +566,11 @@ a:hover {
 }
 
 /* LIBRARY TOP HEADER DROPDOWN */
-[class*="MenuItem-menuItem-"],
+[class*="MenuItem-menuItem-"] {
+    color: var(--text);
+    background: 0;
+}
+
 [class*="MenuContent-menuContent-"] {
     background: var(--drop-down-menu-bg);
     background-repeat: repeat, no-repeat;
@@ -576,7 +580,6 @@ a:hover {
     -webkit-background-size: auto, cover;
     -moz-background-size: auto, cover;
     -o-background-size: auto, cover;  
-    color: var(--text);
 }
 
 [class*="MenuContent-scroller-"] {
@@ -612,10 +615,7 @@ a:hover {
 
 /* ADD NEW */
 
-[class*="EnhancedSelectInput-options-"],
+[class*="EnhancedSelectInput-options-"] {
-[class*="EnhancedSelectInputOption-option-"],
-[class*="EnhancedSelectInput-optionsContainer-"] {
-    border: 0px solid rgba(255, 255, 255, 0.2);
     border-radius: 4px;
     background: var(--drop-down-menu-bg);
     background-repeat: repeat, no-repeat;
@@ -628,6 +628,10 @@ a:hover {
     color: var(--text);
 }
 
+[class*="EnhancedSelectInput-options-"] {
+    border: 1px solid rgba(var(--accent-color)) !important;
+}
+
 [class*="EnhancedSelectInputOption-isSelected-"],
 [class*="EnhancedSelectInputOption-isSelected-"]:hover {
     background-color: rgba(255, 255, 255, 0.20) !important;

css/base/readarr/readarr-base.css

@@ -250,10 +250,7 @@ a:hover {
 }
 
 /* ADD NEW */
-[class*="EnhancedSelectInput-options-"],
+[class*="EnhancedSelectInput-options-"] {
-[class*="EnhancedSelectInputOption-option-"],
-[class*="EnhancedSelectInput-optionsContainer-"] {
-    border: 0px solid rgba(255, 255, 255, 0.2);
     border-radius: 4px;
     background: var(--drop-down-menu-bg);
     background-repeat: repeat, no-repeat;
@@ -266,6 +263,10 @@ a:hover {
     color: var(--text);
 }
 
+[class*="EnhancedSelectInput-options-"] {
+    border: 1px solid rgba(var(--accent-color)) !important;
+}
+
 [class*="EnhancedSelectInputOption-isSelected-"],
 [class*="EnhancedSelectInputOption-isSelected-"]:hover {
     background-color: rgba(255, 255, 255, 0.20) !important;
@@ -640,7 +641,11 @@ a:hover {
 
 
 /* TOP HEADER DROPDOWN */
-[class*="MenuItem-menuItem-"],
+[class*="MenuItem-menuItem-"] {
+    color: var(--text);
+    background: 0;
+}
+
 [class*="MenuContent-menuContent-"] {
     background: var(--drop-down-menu-bg);
     background-repeat: repeat, no-repeat;
@@ -650,7 +655,6 @@ a:hover {
     -webkit-background-size: auto, cover;
     -moz-background-size: auto, cover;
     -o-background-size: auto, cover;  
-    color: var(--text);
 }
 
 [class*="MenuContent-scroller-"] {

css/base/sabnzbd/sabnzbd-base.css

@@ -49,6 +49,10 @@ a {
   color: var(--link-color);
 }
 
+[href="#modal-add-nzb"] {
+  opacity: 1;
+}
+
 .speedlimit-dropdown.dropdown>div>div>a {
   color: var(--button-text);
 }
@@ -184,7 +188,8 @@ hr {
 }
 
 .dropdown-menu,
-#feedback-slider {
+#feedback-slider,
+.navbar-collapse.in .dropdown-menu {
   background: var(--drop-down-menu-bg);
   background-repeat: repeat, no-repeat;
   background-attachment: fixed, fixed;
@@ -193,12 +198,29 @@ hr {
   -webkit-background-size: auto, cover;
   -moz-background-size: auto, cover;
   -o-background-size: auto, cover;
+  border: none;
 }
 
 .dropdown-menu>li>a{
   color: var(--text-hover);
 }
 
+.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
+  border-color: rgba(255, 255, 255, 0.1);
+}
+
+.navbar-collapse.in .dropdown-menu a, .navbar-collapse.in .dropdown-menu a:hover {
+  color: var(--text-hover) !important;
+}
+
+.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
+  background-color: rgba(255, 255, 255, 0.25);
+}
+
+.navbar-inverse .navbar-toggle {
+  border-color: rgba(255, 255, 255, 0.1);
+}
+
 .dropdown-menu>li>a:hover,
 .dropdown-menu>li>a:focus {
   color: var(--text-hover);
@@ -981,7 +1003,6 @@ 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;
@@ -1010,6 +1031,8 @@ select[disabled]:hover {
   -webkit-background-size: auto, cover;
   -moz-background-size: auto, cover;
   -o-background-size: auto, cover;
+  margin-left: 0px;
+  margin-right: 0px;
 }
 
 .modal-body>.nav-tabs>li>a {

css/base/sonarr/sonarr-base.css

@@ -566,7 +566,11 @@ a:hover {
 }
 
 /* SERIES TOP HEADER DROPDOWN */
-[class*="MenuItem-menuItem-"],
+[class*="MenuItem-menuItem-"] {
+    color: var(--text);
+    background: 0;
+}
+
 [class*="MenuContent-menuContent-"] {
     background: var(--drop-down-menu-bg);
     background-repeat: repeat, no-repeat;
@@ -576,7 +580,6 @@ a:hover {
     -webkit-background-size: auto, cover;
     -moz-background-size: auto, cover;
     -o-background-size: auto, cover;  
-    color: var(--text);
 }
 
 [class*="MenuContent-scroller-"] {
@@ -611,10 +614,7 @@ a:hover {
 }
 
 /* ADD NEW */
-[class*="EnhancedSelectInput-options-"],
-[class*="EnhancedSelectInputOption-option-"],
 [class*="EnhancedSelectInput-optionsContainer-"] {
-    border: 0px solid rgba(255, 255, 255, 0.2);
     border-radius: 4px;
     background: var(--drop-down-menu-bg);
     background-repeat: repeat, no-repeat;
@@ -627,6 +627,10 @@ a:hover {
     color: var(--text);
 }
 
+[class*="EnhancedSelectInput-options-"] {
+    border: 1px solid rgba(var(--accent-color)) !important;
+}
+
 [class*="EnhancedSelectInputOption-isSelected-"],
 [class*="EnhancedSelectInputOption-isSelected-"]:hover {
     background-color: rgba(255, 255, 255, 0.20) !important;
@@ -642,7 +646,6 @@ a:hover {
 }
 
 [class*="EnhancedSelectInput-optionsModalScroller-"] {
-    border: 1px solid var(--drop-down-menu-bg);
     border-radius: 4px;
     background: var(--drop-down-menu-bg);
     background-repeat: repeat, no-repeat;
@@ -664,7 +667,6 @@ a:hover {
 }
 
 [class*="EnhancedSelectInput-mobileCloseButtonContainer-"] { 
-    
     border-bottom: 1px solid rgba(255, 255, 255, 0.25);
 }
 

css/base/unraid/unraid-base.css

@@ -53,6 +53,10 @@ i.control:hover {
     color: var(--link-color-hover);
 }
 
+pre {
+    border: 1px solid rgb(255 255 255 / 30%);
+}
+
 #template {
     background: var(--main-bg-color);
     background-repeat: repeat, no-repeat;

css/community-theme-options/blackberry-abyss.css

@@ -29,4 +29,7 @@
   --plex-poster-unwatched: #829db9;
   --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4: 130, 157, 185;
+  --overseerr-gradient: linear-gradient(to bottom, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35)) center center/cover no-repeat fixed, 
+  radial-gradient(at bottom center, rgba(0, 0, 0, 0.4) 0%, hsla(211, 18%, 45%, 0.55), hsla(211, 18%, 5%, 0)) center center/cover no-repeat fixed, 
+  linear-gradient(to right, hsla(211, 18%, 5%, .9), hsla(211, 18%, 45%, .9), rgba(10, 13, 15, 0.9)) center center/cover no-repeat fixed;
 }

css/community-theme-options/blackberry-amethyst.css

@@ -27,4 +27,5 @@
   --plex-poster-unwatched: rgb(134, 84, 132);
   --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4: 134, 84, 132;
+  --overseerr-gradient: radial-gradient(at top center, rgba(0, 0, 0, 0.25), hsla(0, 14%, 18%, 0.55) , hsla(0, 18%, 5%, 0.9)) center center/cover no-repeat fixed, linear-gradient(to bottom, rgb(223, 137, 222, .85) 0%, hsl(276, 100%, 3%) 100%) center center/cover no-repeat fixed;
 }

css/community-theme-options/blackberry-carol.css

@@ -34,4 +34,12 @@
   --plex-poster-unwatched: rgb(100, 15, 15);
   --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4: 100, 15, 15;
+  --overseerr-gradient: url("https://assets.deathbybandaid.net/theme.park/resources/blur-noise.png"),
+  radial-gradient(at center center, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9) 120%) center center/cover no-repeat fixed, 
+  radial-gradient(at bottom center, rgba(0, 0, 0, 0.15), hsla(0, 14%, 18%, 0.45), hsla(0, 18%, 5%, 0.6)) center center/cover no-repeat fixed, 
+  radial-gradient(at bottom center, rgba(167, 6, 6, 0.15), hsla(0, 14%, 18%, 0), hsla(0, 18%, 5%, 0)) center center/cover no-repeat fixed, 
+  radial-gradient(at top center, rgba(11, 80, 25, 0.6), hsla(0, 14%, 18%, 0.45), hsla(0, 18%, 5%, 0.6)) center center/cover no-repeat fixed,
+  radial-gradient(at bottom right, rgba(11, 80, 25, 0.85), hsla(0, 14%, 18%, 0), hsla(0, 18%, 5%, 0)) center center/cover no-repeat fixed, 
+  radial-gradient(at center center, rgba(167, 6, 6, 0.25), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) center center/cover no-repeat fixed, 
+  linear-gradient(45deg, rgb(11, 80, 25,.85) 0%, rgb(167, 6, 6,.85) 135%) center center/cover no-repeat fixed;
 }

css/community-theme-options/blackberry-dreamscape.css

@@ -30,4 +30,7 @@
   --plex-poster-unwatched: #e7627d;
   --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4: 231, 98, 125;
+  --overseerr-gradient: radial-gradient(at top center, rgba(0, 0, 0, 0), hsla(0, 14%, 18%, 0.2), hsla(0, 18%, 5%, 1) 95%) center center/cover no-repeat fixed,
+  radial-gradient(at bottom center, rgba(0, 0, 0, 0.15), hsla(0, 14%, 18%, 0.45), hsla(0, 18%, 5%, 0.6)) center center/cover no-repeat fixed,
+  linear-gradient(to top, rgb(226, 201, 204, .9) 1%, rgb(231, 98, 125, .9) 46%, rgb(184, 35, 90, .9) 59%, rgb(128, 19, 87, .9) 71%, rgb(61, 22, 53, .9) 84%, rgb(28, 26, 39, .9) 100%) center center/cover no-repeat fixed;
 }

css/community-theme-options/blackberry-flamingo.css

@@ -28,4 +28,6 @@
   --plex-poster-unwatched: #ff9a9e;
   --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4: 255, 154, 158;
+  --overseerr-gradient: radial-gradient(at bottom center, rgba(0, 0, 0, 0.15), hsla(0, 14%, 18%, 0.65), hsla(0, 18%, 5%, 0.95)) center center/cover no-repeat fixed, 
+  linear-gradient(45deg, rgb(255, 154, 158, .9) 0%, rgb(250, 208, 196, .9) 99%, rgb(250, 208, 196, .9) 100%) center center/cover no-repeat fixed;
 }

css/community-theme-options/blackberry-hearth.css

@@ -29,4 +29,6 @@
   --plex-poster-unwatched: #ff9a9e;
   --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4: 255, 154, 158;
+  --overseerr-gradient: radial-gradient(at bottom center, rgba(0, 0, 0, 0.4) 0%, hsla(0, 14%, 18%, 0.55), hsla(0, 18%, 5%, 0)) center center/cover no-repeat fixed,
+  linear-gradient(to bottom, hsla(0, 20%, 5%, 0.9), hsl(0, 65%, 23%, .9), hsl(0, 100%, 9%, .9)) center center/cover no-repeat fixed;
 }

css/community-theme-options/blackberry-martian.css

@@ -29,4 +29,7 @@
   --plex-poster-unwatched: #43e97b;
   --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4: 67, 233, 123;
+  --overseerr-gradient: linear-gradient(to right, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.45)) center center/cover no-repeat fixed,
+  radial-gradient(at right center, rgba(0, 0, 0, 0.3) 10%, hsla(0, 14%, 18%, 0.6), hsla(0, 18%, 5%, 1) 95%) center center/cover no-repeat fixed,
+   linear-gradient(to right, rgb(67, 233, 123, .9) 0%, rgb(4, 56, 21, .9) 100%) center center/cover no-repeat fixed;
 }

css/community-theme-options/blackberry-pumpkin.css

@@ -30,4 +30,8 @@
   --plex-poster-unwatched: #ff8a00;
   --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4: 255, 138, 0;
+  --overseerr-gradient: linear-gradient(135deg, transparent 40%, rgba(20, 9, 27, 0.5)) center center/cover no-repeat fixed,
+  radial-gradient(at center center, rgba(243, 217, 217, 0.25), hsla(0, 14%, 18%, 0.55), rgba(14, 0, 19, 0.7)) center center/cover no-repeat fixed,
+  radial-gradient(at bottom center, rgba(0, 0, 0, 0.25), hsla(0, 14%, 18%, 0.55), rgb(10, 4, 12, .85)) center center/cover no-repeat fixed,
+   radial-gradient(at center center, rgb(255, 138, 0, .85) 50%, rgb(55, 3, 58, .85) 100%) center center/cover no-repeat fixed;
 }

css/community-theme-options/blackberry-royal.css

@@ -28,4 +28,6 @@
   --plex-poster-unwatched: rgb(185, 170, 159);
   --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4:  185, 170, 159;
+  --overseerr-gradient: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.7) 100%) center center/cover no-repeat fixed,
+  radial-gradient(at top center, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.40) 120%) rgba(0, 0, 0, 0.90) center center/cover no-repeat fixed;
 }

css/community-theme-options/blackberry-shadow.css

@@ -27,4 +27,5 @@
   --plex-poster-unwatched: rgb(81, 101, 114);
   --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4:  81, 101, 114;
+  --overseerr-gradient: linear-gradient(135deg, rgb(37, 43, 47, .9), rgb(9, 12, 14, .9)) center center/cover no-repeat fixed;
 }

css/community-theme-options/blackberry-solar.css

@@ -28,4 +28,6 @@
   --plex-poster-unwatched: rgb(246, 211, 101);
   --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4:  246, 211, 101;
+  --overseerr-gradient: radial-gradient(at top left, rgba(0, 0, 0, 0.31), hsla(0, 14%, 18%, 0.9), hsla(0, 18%, 5%, 1)) center center/cover no-repeat fixed,
+  linear-gradient(120deg, rgb(246, 211, 101, .8) 0%, rgb(162, 90, 37, .8) 100%)  center center/cover no-repeat fixed;
 }

css/community-theme-options/blackberry-vanta.css

@@ -27,4 +27,5 @@
   --plex-poster-unwatched: #e5a00d;
   --petio-spinner: invert(35%) sepia(12%) saturate(4%) hue-rotate(2deg) brightness(104%) contrast(86%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4: 255, 255, 255;
+  --overseerr-gradient: linear-gradient(rgba(0, 0, 0, 0.47) 0%, rgb(0, 0, 0) 100%);
 }

css/community-theme-options/hotline-old.css

@@ -27,4 +27,5 @@
   --plex-poster-unwatched: #FB3122;
   --petio-spinner: invert(32%) sepia(35%) saturate(3786%) hue-rotate(341deg) brightness(100%) contrast(92%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ 
   --gitea-color-primary-dark-4: 244, 67, 54;
+  --overseerr-gradient: radial-gradient(ellipse at center, rgb(244, 67, 54, .9) 0%, rgb(11, 49, 97, .9) 100%) center center/cover no-repeat fixed;
 }

css/community-theme-options/mind.css

@@ -27,4 +27,5 @@
   --plex-poster-unwatched: #e1d500;
   --petio-spinner: invert(72%) sepia(97%) saturate(1218%) hue-rotate(10deg) brightness(102%) contrast(101%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4: 228, 216, 0;
+  --overseerr-gradient: linear-gradient(rgba(var(--accent-color), 0.3) 0%, rgba(0, 0, 0) 100%);
 }

css/community-theme-options/onedark.css

@@ -27,5 +27,6 @@
   --plex-poster-unwatched: #e06c75;
   --petio-spinner: invert(79%) sepia(27%) saturate(1033%) hue-rotate(74deg) brightness(104%) contrast(96%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4: 97, 175, 239;
+  --overseerr-gradient: linear-gradient(180deg, rgba(40, 44, 52, 0.17) 0%, rgba(40, 44, 52) 100%);
   }
 

css/community-theme-options/pine-shadow.css

@@ -27,4 +27,5 @@
     --plex-poster-unwatched: rgb(229, 160, 13);
     --petio-spinner: invert(0%) sepia(0%) saturate(100%) hue-rotate(0deg) brightness(100%) contrast(100%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
     --gitea-color-primary-dark-4: 255, 193, 7;
+    --overseerr-gradient: linear-gradient(135deg, rgb(37, 43, 47, .95), rgb(9, 12, 14, .95)) center center/cover no-repeat fixed;
   }

css/community-theme-options/power.css

@@ -27,4 +27,5 @@
   --plex-poster-unwatched: rgb(216, 22, 174);
   --petio-spinner: invert(8%) sepia(62%) saturate(6812%) hue-rotate(304deg) brightness(108%) contrast(98%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4: 166, 40, 140;
+  --overseerr-gradient: linear-gradient(rgba(var(--accent-color), 0.3) 0%, rgba(0, 0, 0) 100%);
 }

css/community-theme-options/reality.css

@@ -24,4 +24,5 @@
   --plex-poster-unwatched: rgb(232, 12, 11);
   --petio-spinner: invert(14%) sepia(93%) saturate(3042%) hue-rotate(349deg) brightness(112%) contrast(116%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4: 232, 12, 11;
+  --overseerr-gradient: linear-gradient(rgba(var(--accent-color), 0.3) 0%, rgba(0, 0, 0) 100%);
 }

css/community-theme-options/soul.css

@@ -27,4 +27,5 @@
   --plex-poster-unwatched: #880030;
   --petio-spinner: invert(9%) sepia(44%) saturate(6901%) hue-rotate(327deg) brightness(101%) contrast(110%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4: 255, 153, 0;
+  --overseerr-gradient: linear-gradient(rgba(var(--accent-color), 0.3) 0%, rgba(0, 0, 0) 100%);
 }

css/community-theme-options/space.css

@@ -27,4 +27,5 @@
   --plex-poster-unwatched: rgb(0, 98, 255);
   --petio-spinner: invert(25%) sepia(99%) saturate(4489%) hue-rotate(214deg) brightness(104%) contrast(109%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4: 0, 98, 255;
+  --overseerr-gradient: linear-gradient(rgba(var(--accent-color), 0.3) 0%, rgba(0, 0, 0) 100%);
 }

css/community-theme-options/time.css

@@ -27,4 +27,5 @@
   --plex-poster-unwatched: rgb(109, 247, 81);
   --petio-spinner: invert(73%) sepia(74%) saturate(428%) hue-rotate(55deg) brightness(101%) contrast(96%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4: 109, 247, 81;
+  --overseerr-gradient: linear-gradient(rgba(var(--accent-color), 0.3) 0%, rgba(0, 0, 0) 100%);
 }

css/community-theme-options/trueblack.css

@@ -0,0 +1,30 @@
+:root {
+  --main-bg-color: #000;
+  --modal-bg-color: #000;
+  --modal-header-color: #000;
+  --modal-footer-color: #000;
+
+  --drop-down-menu-bg: #000;
+
+  --button-color: #7a7a7a;
+  --button-color-hover: #444;
+  --button-text: #ddd;
+  --button-text-hover: #999;
+
+  --accent-color: 170, 170, 170;
+  --accent-color-hover: rgba(153, 153, 153, 0.45);
+  --link-color: #7a7a7a;
+  --link-color-hover: #999;
+  --label-text-color: black;
+
+  --text:#ddd;
+  --text-hover: #999;
+  --text-muted: #5a5a5a;
+
+  /*Specials*/
+  --arr-queue-color: #ddd; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: #ddd;
+  --petio-spinner: invert(35%) sepia(0%) saturate(6%) hue-rotate(136deg) brightness(95%) contrast(87%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4: 170, 170, 170;
+  --overseerr-gradient: linear-gradient(180deg, rgba(0, 0, 0, 0.17) 0%, rgba(0, 0, 0) 100%);
+}

css/theme-options/aquamarine.css

@@ -1,11 +1,11 @@
 :root {
   --main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
   
-  --modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
+  --modal-bg-color: linear-gradient(-90deg, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
-  --modal-header-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
+  --modal-header-color: linear-gradient(-90deg, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
-  --modal-footer-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
+  --modal-footer-color: linear-gradient(-90deg, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
 
-  --drop-down-menu-bg: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
+  --drop-down-menu-bg: linear-gradient(135deg, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
 
   --button-color: #009688;
   --button-color-hover: #12afa0;
@@ -27,4 +27,5 @@
   --plex-poster-unwatched: rgb(21, 213, 194);
   --petio-spinner: invert(39%) sepia(98%) saturate(527%) hue-rotate(129deg) brightness(94%) contrast(101%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4: 18, 175, 160;
+  --overseerr-gradient: radial-gradient(ellipse at center, rgb(71, 145, 138, .9) 0%, rgb(11, 49, 97, .9) 100%) center center/cover no-repeat fixed;
 }

css/theme-options/dark.css

@@ -1,9 +1,9 @@
 :root {
   --main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
   
-  --modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
+  --modal-bg-color: linear-gradient(135deg , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
-  --modal-header-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
+  --modal-header-color: linear-gradient(135deg , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
-  --modal-footer-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
+  --modal-footer-color: linear-gradient(135deg , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
 
   --drop-down-menu-bg: #2d2d2d;
 
@@ -27,4 +27,5 @@
   --plex-poster-unwatched: #e5a00d;
   --petio-spinner: invert(35%) sepia(12%) saturate(4%) hue-rotate(2deg) brightness(104%) contrast(86%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4: 255, 255, 255;
+  --overseerr-gradient: radial-gradient(circle, rgba(58, 58, 58,.95), rgba(45, 45, 45,.95), rgba(32, 32, 32,.95), rgba(20, 20, 20,.95), rgb(0, 0, 0,.95)) center center/cover no-repeat fixed;
 }

css/theme-options/dracula.css

@@ -27,4 +27,5 @@
   --plex-poster-unwatched: #bd93f9;
   --petio-spinner: invert(79%) sepia(27%) saturate(1033%) hue-rotate(74deg) brightness(104%) contrast(96%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4: 80, 250, 123;
+  --overseerr-gradient: linear-gradient(180deg, rgba(40, 42, 54, 0.17) 0%, rgba(40, 42, 54) 100%);
   }

css/theme-options/hotline.css

@@ -1,9 +1,9 @@
 :root {
   --main-bg-color: linear-gradient(0deg, rgba(247,101,184,1) 0%, rgb(21, 95, 165) 100%) center center/cover no-repeat fixed;
 
-  --modal-bg-color: linear-gradient(0deg, rgba(247,101,184,1) 0%, rgb(21, 95, 165) 100%) center center/cover no-repeat fixed;
+  --modal-bg-color: linear-gradient(-90deg, rgba(247,101,184,1) 0%, rgb(21, 95, 165) 100%) center center/cover no-repeat fixed;
-  --modal-header-color: linear-gradient(0deg, rgba(247,101,184,1) 0%, rgb(21, 95, 165) 100%) center center/cover no-repeat fixed;
+  --modal-header-color: linear-gradient(-90deg, rgba(247,101,184,1) 0%, rgb(21, 95, 165) 100%) center center/cover no-repeat fixed;
-  --modal-footer-color: linear-gradient(0deg, rgba(247,101,184,1) 0%, rgb(21, 95, 165) 100%) center center/cover no-repeat fixed;
+  --modal-footer-color: linear-gradient(-90deg, rgba(247,101,184,1) 0%, rgb(21, 95, 165) 100%) center center/cover no-repeat fixed;
   
   --drop-down-menu-bg: linear-gradient(90deg, rgba(247,101,184,1) 0%, rgba(21, 95, 165) 100%) center center/cover no-repeat fixed;
 
@@ -27,4 +27,5 @@
   --plex-poster-unwatched: #f765b8;
   --petio-spinner: invert(78%) sepia(17%) saturate(4447%) hue-rotate(290deg) brightness(109%) contrast(95%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ 
   --gitea-color-primary-dark-4: 215,255,254;
+  --overseerr-gradient: linear-gradient(0deg, rgba(247,101,184,.9) 0%, rgb(21, 95, 165,.9) 100%) center center/cover no-repeat fixed;
 }

css/theme-options/hotpink.css

@@ -1,9 +1,9 @@
 :root {
   --main-bg-color: linear-gradient(45deg, #fb3f62 0%, #204c80 37%, #004249 97%) center center/cover no-repeat fixed;
 
-  --modal-bg-color: radial-gradient(circle, #204c80 0%, #000 100%) center center/cover no-repeat fixed;
+  --modal-bg-color: linear-gradient(-45deg, #204c80 0%, #000 100%) center center/cover no-repeat fixed;
-  --modal-header-color: radial-gradient(circle, #204c80 0%, #000 100%) center center/cover no-repeat fixed;
+  --modal-header-color: linear-gradient(-45deg, #204c80 0%, #000 100%) center center/cover no-repeat fixed;
-  --modal-footer-color: radial-gradient(circle, #204c80 0%, #000 100%) center center/cover no-repeat fixed;
+  --modal-footer-color: linear-gradient(-45deg, #204c80 0%, #000 100%) center center/cover no-repeat fixed;
 
   --drop-down-menu-bg: #204c80;
 
@@ -26,5 +26,6 @@
   --plex-poster-unwatched: #fb3f62;
   --petio-spinner: invert(29%) sepia(87%) saturate(2199%) hue-rotate(331deg) brightness(115%) contrast(97%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4: 251, 63, 98;
+  --overseerr-gradient: linear-gradient(45deg, rgb(251, 63, 98,1) 0%, rgb(32, 76, 128,.95) 37%, rgb(0, 66, 73,.9) 97%) center center/cover no-repeat fixed;
   }
 

css/theme-options/nord.css

@@ -27,4 +27,5 @@
   --plex-poster-unwatched: #D08770;
   --petio-spinner: invert(83%) sepia(9%) saturate(1787%) hue-rotate(156deg) brightness(85%) contrast(83%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4: 121, 184, 202;
+  --overseerr-gradient: linear-gradient(180deg, rgba(46, 52, 64, 0.17) 0%, rgba(46, 52, 64) 100%);
   }

css/theme-options/organizr.css

@@ -27,4 +27,5 @@
   --plex-poster-unwatched: #2cabe3;
   --petio-spinner: invert(65%) sepia(83%) saturate(2026%) hue-rotate(167deg) brightness(90%) contrast(97%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4: 44, 171, 227;
+  --overseerr-gradient: linear-gradient(180deg, rgba(31, 31, 31, 0.17) 0%, rgba(31, 31, 31) 100%);
 }

css/theme-options/overseerr.css

@@ -27,4 +27,5 @@
   --plex-poster-unwatched: #6366f1;
   --petio-spinner: invert(24%) sepia(59%) saturate(3411%) hue-rotate(237deg) brightness(91%) contrast(96%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4: 98, 116, 145;
+  --overseerr-gradient: linear-gradient(rgba(17, 24, 39, 0.47) 0%, rgb(17, 24, 39) 100%);
 }

css/theme-options/plex.css

@@ -1,9 +1,10 @@
  :root {
-   /* --main-bg-color: url("https://assets.deathbybandaid.net/theme.park/resources/blur-noise.png"), url("https://assets.deathbybandaid.net/theme.park/resources/preset-light2.png") center center/cover no-repeat fixed;
+   /* 
+     --main-bg-color: url("https://assets.deathbybandaid.net/theme.park/resources/blur-noise.png"), url("https://assets.deathbybandaid.net/theme.park/resources/preset-light2.png") center center/cover no-repeat fixed;
      --modal-bg-color: url("https://assets.deathbybandaid.net/theme.park/resources/blur-noise.png"), url("https://assets.deathbybandaid.net/theme.park/resources/preset-dark2.png") center center/cover no-repeat fixed;
-   */
      --main-bg-color: url("https://assets.deathbybandaid.net/theme.park/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;
-
+     */
+   --main-bg-color: radial-gradient(circle farthest-side at 0% 100%, rgb(47, 47, 47) 0%, rgba(47, 47, 47, 0) 100%), radial-gradient(circle farthest-side at 100% 100%, rgb(63, 63, 63) 0%, rgba(63, 63, 63, 0) 100%), radial-gradient(circle farthest-side at 100% 0%, rgb(76, 76, 76) 0%, rgba(76, 76, 76, 0) 100%), radial-gradient(circle farthest-side at 0% 0%, rgb(58, 58, 58) 0%, rgba(58, 58, 58, 0) 100%), black center center/cover no-repeat fixed;
    --modal-bg-color: #1f2326;
    --modal-header-color: #1f2326;
    --modal-footer-color: #323232;
@@ -29,4 +30,5 @@
     --arr-queue-color: #27c24c; /* Servarr apps + Bazarr*/
     --petio-spinner: invert(0%) sepia(0%) saturate(100%) hue-rotate(0deg) brightness(100%) contrast(100%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
     --gitea-color-primary-dark-4: 255, 193, 7;
+    --overseerr-gradient: url("https://assets.deathbybandaid.net/theme.park/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%) center center/cover no-repeat fixed , 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%) center center/cover no-repeat fixed , rgb(0, 0, 0,.9) center center/cover no-repeat fixed;
    }

css/theme-options/space-gray.css

@@ -1,11 +1,11 @@
 :root {
   --main-bg-color: radial-gradient(ellipse at center, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed;
 
-  --modal-bg-color: radial-gradient(ellipse at top, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed;
+  --modal-bg-color: linear-gradient(-90deg, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed;
-  --modal-header-color: radial-gradient(ellipse at top, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed;
+  --modal-header-color: linear-gradient(-90deg, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed;
-  --modal-footer-color: radial-gradient(ellipse at top, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed;
+  --modal-footer-color: linear-gradient(-90deg, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed;
 
-  --drop-down-menu-bg: radial-gradient(ellipse at top, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed;
+  --drop-down-menu-bg: linear-gradient(-90deg, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed;
 
   --button-color: #607D8B;
   --button-color-hover: #81a6b7;
@@ -27,4 +27,5 @@
   --plex-poster-unwatched: #70aeca;
   --petio-spinner: invert(50%) sepia(31%) saturate(341%) hue-rotate(155deg) brightness(88%) contrast(85%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4: 129, 166, 183;
+  --overseerr-gradient: radial-gradient(ellipse at center, rgba(87, 108, 117, .9) 0%, rgba(37, 50, 55, .9) 100.2%) center center/cover no-repeat fixed;
 }

docker-mods/deluge/root/etc/cont-init.d/98-themepark

@@ -34,12 +34,13 @@ if [[ -z ${TP_THEME} ]]; then
 fi
 
 # Adding stylesheets
-if ! grep -q "${TP_DOMAIN}/css/base" /usr/lib/python3/dist-packages/deluge/ui/web/index.html; then
+DELUGE_INDEX_PATH=$(find -name index.html)
+if ! grep -q "${TP_DOMAIN}/css/base" ${DELUGE_INDEX_PATH}; then
     echo '---------------------------'
     echo '|  Adding the stylesheet  |'
     echo '---------------------------'
-    sed -i "s/<\/head>/<link rel='stylesheet' href='https:\/\/${TP_DOMAIN}\/css\/base\/deluge\/deluge-base.css'><\/head> /g" /usr/lib/python3/dist-packages/deluge/ui/web/index.html
+    sed -i "s/<\/head>/<link rel='stylesheet' href='https:\/\/${TP_DOMAIN}\/css\/base\/deluge\/deluge-base.css'><\/head> /g" ${DELUGE_INDEX_PATH}
-    sed -i "s/<\/head>/<link rel='stylesheet' href='https:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/head> /g" /usr/lib/python3/dist-packages/deluge/ui/web/index.html
+    sed -i "s/<\/head>/<link rel='stylesheet' href='https:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/head> /g" ${DELUGE_INDEX_PATH}
     printf 'Stylesheet set to %s\n' "${TP_THEME}
     "
 fi

docker/Dockerfile

@@ -0,0 +1,18 @@
+FROM ghcr.io/linuxserver/baseimage-alpine-nginx:3.14
+
+LABEL maintainer="Roxedus"
+
+COPY / /themepark
+
+RUN \
+echo " ## Installing packages ## " && \
+apk add --no-cache --virtual=build-dependencies \
+    python3 
+
+
+# RUN mkdir -p /usr/share/nginx/html/css/ 
+# RUN mkdir -p /usr/share/nginx/html/resources/ 
+# RUN cp -R css/  /usr/share/nginx/html/css/ 
+# RUN cp -R resources/ /usr/share/nginx/html/resources/ 
+# RUN cp index.html /usr/share/nginx/html/index.html 
+#rm -rf /themepark

index.html

@@ -8,23 +8,27 @@
     <title>theme.park - A collection of themes/skins for your favorite apps!</title>
     <meta name="title" content="theme.park - A collection of themes/skins for your favorite apps!">
     <meta name="theme-color" content="#12afa0">
-    <meta name="description" content="theme.park contains 48 themed applications, with css addons on certain themes. Installation methods include custom docker mods for linuxserver.io containers, custom scripts for select Hotio containers and multiple examples of subfiltering using webservers like Nginx and Apache">
+    <meta name="description"
+        content="theme.park contains 48 themed applications, with css addons on certain themes. Installation methods include custom docker mods for linuxserver.io containers, custom scripts for select Hotio containers and multiple examples of subfiltering using webservers like Nginx and Apache">
     <!-- Google / Search Engine Tags -->
     <meta itemprop="name" content="theme.park - A collection of themes/skins for your favorite apps!">
-    <meta itemprop="description" content="theme.park contains 48 themed applications, with css addons on certain themes. Installation methods include custom docker mods for linuxserver.io containers, custom scripts for select Hotio containers and multiple examples of subfiltering using webservers like Nginx and Apache">
+    <meta itemprop="description"
+        content="theme.park contains 48 themed applications, with css addons on certain themes. Installation methods include custom docker mods for linuxserver.io containers, custom scripts for select Hotio containers and multiple examples of subfiltering using webservers like Nginx and Apache">
     <meta itemprop="image" content="https://assets.deathbybandaid.net/theme.park/resources/landing-page/assets/meta_image.jpg">
     <!-- Open Graph / Facebook -->
     <meta property="og:type" content="website">
     <meta property="og:site_name" content="theme.park">
     <meta property="og:url" content="https://theme-park.dev/">
     <meta property="og:title" content="theme.park - A collection of themes/skins for your favorite apps!">
-    <meta property="og:description" content="theme.park contains 48 themed applications, with css addons on certain themes. Installation methods include custom docker mods for linuxserver.io containers, custom scripts for select Hotio containers and multiple examples of subfiltering using webservers like Nginx and Apache">
+    <meta property="og:description"
+        content="theme.park contains 48 themed applications, with css addons on certain themes. Installation methods include custom docker mods for linuxserver.io containers, custom scripts for select Hotio containers and multiple examples of subfiltering using webservers like Nginx and Apache">
     <meta property="og:image" content="https://assets.deathbybandaid.net/theme.park/resources/landing-page/assets/meta_image.jpg">
     <!-- Twitter -->
     <meta property="twitter:card" content="summary_large_image">
     <meta property="twitter:url" content="https://theme-park.dev/">
     <meta property="twitter:title" content="theme.park - A collection of themes/skins for your favorite apps!">
-    <meta property="twitter:description" content="theme.park contains 48 themed applications, with css addons on certain themes. Installation methods include custom docker mods for linuxserver.io containers, custom scripts for select Hotio containers and multiple examples of subfiltering using webservers like Nginx and Apache">
+    <meta property="twitter:description"
+        content="theme.park contains 48 themed applications, with css addons on certain themes. Installation methods include custom docker mods for linuxserver.io containers, custom scripts for select Hotio containers and multiple examples of subfiltering using webservers like Nginx and Apache">
     <meta property="twitter:image" content="https://assets.deathbybandaid.net/theme.park/resources/landing-page/assets/meta_image.jpg">
     <!-- Favicon-->
     <link rel="icon" type="image/x-icon" href="resources/landing-page/assets/favicon.ico" />
@@ -42,6 +46,15 @@
     <link href="resources/landing-page/css/styles.css?v=1.1" rel="stylesheet" />
     <link rel="stylesheet" href="resources/landing-page/css/jquery-bg-slideshow.css">
     <link rel="stylesheet" href="resources/landing-page/css/custom.css?v=2.6">
+    <!-- Global site tag (gtag.js) - Google Analytics -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-VL0TX65BLH"></script>
+    <script>
+        window.dataLayer = window.dataLayer || [];
+        function gtag() { dataLayer.push(arguments); }
+        gtag('js', new Date());
+
+        gtag('config', 'G-VL0TX65BLH');
+    </script>
 </head>
 
 <body id="page-top">
@@ -58,17 +71,17 @@
                     <li class="nav-item"><a class="nav-link js-scroll-trigger" href="https://docs.theme-park.dev"><i
                                 class="fas fa-book"></i> Docs</a></li>
                     <li class="nav-item"><a class="nav-link js-scroll-trigger"
-                            href="https://assets.deathbybandaid.net/theme.park"><i class="fab fa-github"></i> Github</a></li>
+                            href="https://github.com/gilbn/theme.park"><i class="fab fa-github"></i> Github</a></li>
                     <li class="nav-item"><a class="nav-link js-scroll-trigger"
                             href="https://docs.theme-park.dev/discord"><i class="fab fa-discord"></i> Discord</a></li>
                     <li class="nav-item"><a class="nav-link js-scroll-trigger"
                             href="https://github.com/sponsors/GilbN"><i class="fas fa-heart"></i> Sponsor</a></li>
                     <li style="padding: 0 1rem;">
-                        <a class="github-button" href="https://assets.deathbybandaid.net/theme.park" data-show-count="true"
+                        <a class="github-button" href="https://github.com/gilbn/theme.park" data-show-count="true"
                             aria-label="Star gilbn/theme.park on GitHub">Star</a>
                     </li>
                     <li style="padding: 0 1rem;">
-                        <a class="github-button" href="https://assets.deathbybandaid.net/theme.park/fork"
+                        <a class="github-button" href="https://github.com/gilbn/theme.park/fork"
                             data-icon="octicon-repo-forked" data-show-count="true"
                             aria-label="Fork gilbn/theme.park on GitHub">Fork</a>
                     </li>
@@ -142,7 +155,7 @@
                         <i class="fab fa-4x fa-github text-primary mb-4"></i>
                         <h3 class="h4 mb-2">Find us on Github</h3>
                         <p class="text-white-50 mb-0">Having issues with a theme? Let us know on <a
-                                href="https://assets.deathbybandaid.net/theme.park">Github!</a></p>
+                                href="https://github.com/gilbn/theme.park">Github!</a></p>
                     </div>
                 </div>
                 <div class="col-lg col-md-6 text-center">
@@ -156,8 +169,11 @@
                 <div class="col-lg col-md-6 text-center">
                     <div class="mt-5">
                         <i class="fas fa-4x fa-palette text-primary mb-4"></i>
-                        <h3 class="h4 mb-2"><a href="https://docs.theme-park.dev/community-themes/">Community Themes!</a></h3>
+                        <h3 class="h4 mb-2"><a href="https://docs.theme-park.dev/community-themes/">Community
-                        <p class="text-white-50 mb-0">Got a good <a href="https://docs.theme-park.dev/community-themes/">color scheme</a> you'd like to see added? PR it!</p>
+                                Themes!</a></h3>
+                        <p class="text-white-50 mb-0">Got a good <a
+                                href="https://docs.theme-park.dev/community-themes/">color scheme</a> you'd like to see
+                            added? PR it!</p>
                     </div>
                 </div>
                 <div class="col-lg col-md-6 text-center">
@@ -177,7 +193,9 @@
                 <div class="col-lg-10 align-self-end">
                 </div>
                 <div class="col-lg-8 align-self-baseline">
-                <button id="switch-theme" class="btn btn-primary btn-xl animate__animated animate__pulse animate__infinite">Click Me!</button>
+                    <button id="switch-theme"
+                        class="btn btn-primary btn-xl animate__animated animate__pulse animate__infinite">Click
+                        Me!</button>
                 </div>
             </div>
         </div>
@@ -185,7 +203,8 @@
     <section class="page-section pb-1" id="themes">
         <div class="container">
             <h2 class="text-center mt-0">Official theme options</h2>
-            <h6 class="text-center mt-0">Click here for the <a href="https://docs.theme-park.dev/community-themes/">community themes</a></h6>
+            <h6 class="text-center mt-0">Click here for the <a
+                    href="https://docs.theme-park.dev/community-themes/">community themes</a></h6>
 
 
             <hr class="divider my-4" />