From b627ea4dfffa39a14cf18c84aa0fe32ead671ee3 Mon Sep 17 00:00:00 2001
From: Draper <27962761+Drapersniper@users.noreply.github.com>
Date: Tue, 1 Mar 2022 14:05:46 +0000
Subject: [PATCH 01/16] add true black

---
 css/community-theme-options/trueblack.css | 30 +++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 css/community-theme-options/trueblack.css

diff --git a/css/community-theme-options/trueblack.css b/css/community-theme-options/trueblack.css
new file mode 100644
index 00000000..8c07688f
--- /dev/null
+++ b/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: #2d2d2d;
+
+  --button-color: #7a7a7a;
+  --button-color-hover: #9b9b9b;
+  --button-text: #eee;
+  --button-text-hover: #FFF;
+
+  --accent-color: 170, 170, 170;
+  --accent-color-hover: rgba(255, 255, 255, 0.45);
+  --link-color: #7a7a7a;
+  --link-color-hover: #fff;
+  --label-text-color: black;
+
+  --text:#ddd;
+  --text-hover: #fff;
+  --text-muted: #999;
+
+  /*Specials*/
+  --arr-queue-color: #fff; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: #fff;
+  --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;
+}
\ No newline at end of file

From 19a7960d26e1f536ef5cbd12fd8976aaf38f800b Mon Sep 17 00:00:00 2001
From: GilbN <gilberg@gmail.com>
Date: Tue, 1 Mar 2022 18:22:56 +0100
Subject: [PATCH 02/16] Better --overseerr-gradient on trueblack theme option

---
 css/community-theme-options/trueblack.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/css/community-theme-options/trueblack.css b/css/community-theme-options/trueblack.css
index 8c07688f..675b3dff 100644
--- a/css/community-theme-options/trueblack.css
+++ b/css/community-theme-options/trueblack.css
@@ -26,5 +26,5 @@
   --plex-poster-unwatched: #fff;
   --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;
+  --overseerr-gradient: linear-gradient(180deg, rgba(0, 0, 0, 0.17) 0%, rgba(0, 0, 0) 100%);
 }
\ No newline at end of file

From 5c010e48005eb0c7371a4a96b2c4b9d4aa769703 Mon Sep 17 00:00:00 2001
From: GilbN <gilberg@gmail.com>
Date: Tue, 1 Mar 2022 18:26:36 +0100
Subject: [PATCH 03/16] Overseerr: .ring-1 --tw-ring-shadow fix

---
 css/base/overseerr/overseerr-base.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/css/base/overseerr/overseerr-base.css b/css/base/overseerr/overseerr-base.css
index c38ff69b..68e273ee 100644
--- a/css/base/overseerr/overseerr-base.css
+++ b/css/base/overseerr/overseerr-base.css
@@ -394,7 +394,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;
 }
 
 

From e9c072972392f4b0f3f04a06abdf041cf6790a5b Mon Sep 17 00:00:00 2001
From: GilbN <gilberg@gmail.com>
Date: Tue, 1 Mar 2022 18:45:42 +0100
Subject: [PATCH 04/16] Overseerr: cards hover and .bg-gray-800 change

---
 css/base/overseerr/overseerr-base.css | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/css/base/overseerr/overseerr-base.css b/css/base/overseerr/overseerr-base.css
index 68e273ee..a5b9a101 100644
--- a/css/base/overseerr/overseerr-base.css
+++ b/css/base/overseerr/overseerr-base.css
@@ -193,8 +193,8 @@ body {
 }
 
 .bg-gray-800 {
-    --tw-bg-opacity: 0.3;
-    background-color: rgb(0, 0, 0, var(--tw-bg-opacity));
+    --tw-bg-opacity: 0.05;
+    background-color: rgb(255, 255, 255, var(--tw-bg-opacity));
 }
 
 .hover\:bg-gray-700:hover {
@@ -321,8 +321,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 {
-    background: linear-gradient(rgba(var(--accent-color), .04) 0%, rgba(var(--accent-color), 0.9) 100%);
+#__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), 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 {

From 3694677c4cc4263f12ec25d5b6e50bfcb1e8324c Mon Sep 17 00:00:00 2001
From: GilbN <gilberg@gmail.com>
Date: Tue, 1 Mar 2022 19:02:15 +0100
Subject: [PATCH 05/16] Overseerr: sidemenu color change

---
 css/base/overseerr/overseerr-base.css | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/css/base/overseerr/overseerr-base.css b/css/base/overseerr/overseerr-base.css
index a5b9a101..7175ef33 100644
--- a/css/base/overseerr/overseerr-base.css
+++ b/css/base/overseerr/overseerr-base.css
@@ -270,9 +270,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 {
-    background: rgba(var(--accent-color), 0.05);
-    color: rgba(var(--accent-color));
+#__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 > svg {
+    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 {

From 02df47ea5c3b6ab4b42c9235e74ee3c1d2ce27ba Mon Sep 17 00:00:00 2001
From: Draper <27962761+Drapersniper@users.noreply.github.com>
Date: Wed, 2 Mar 2022 12:19:41 +0000
Subject: [PATCH 06/16] tweaks to trueblack, fixes an issue where text was
 unreadable on portainer dropdown menus

---
 css/community-theme-options/trueblack.css | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/css/community-theme-options/trueblack.css b/css/community-theme-options/trueblack.css
index 675b3dff..ad1847cd 100644
--- a/css/community-theme-options/trueblack.css
+++ b/css/community-theme-options/trueblack.css
@@ -4,27 +4,27 @@
   --modal-header-color: #000;
   --modal-footer-color: #000;
 
-  --drop-down-menu-bg: #2d2d2d;
+  --drop-down-menu-bg: #000;
 
   --button-color: #7a7a7a;
   --button-color-hover: #9b9b9b;
-  --button-text: #eee;
-  --button-text-hover: #FFF;
+  --button-text: #ddd;
+  --button-text-hover: #999;
 
   --accent-color: 170, 170, 170;
-  --accent-color-hover: rgba(255, 255, 255, 0.45);
+  --accent-color-hover: rgba(153, 153, 153, 0.45);
   --link-color: #7a7a7a;
-  --link-color-hover: #fff;
+  --link-color-hover: #999;
   --label-text-color: black;
 
   --text:#ddd;
-  --text-hover: #fff;
-  --text-muted: #999;
+  --text-hover: #999;
+  --text-muted: #5a5a5a;
 
   /*Specials*/
-  --arr-queue-color: #fff; /* Servarr apps + Bazarr*/
-  --plex-poster-unwatched: #fff;
-  --petio-spinner: invert(35%) sepia(12%) saturate(4%) hue-rotate(2deg) brightness(104%) contrast(86%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --arr-queue-color: #ddd; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: #ddd;
+  --petio-spinner: invert(32%) sepia(8%) saturate(8%) hue-rotate(41deg) brightness(100%) contrast(83%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4: 255, 255, 255;
   --overseerr-gradient: linear-gradient(180deg, rgba(0, 0, 0, 0.17) 0%, rgba(0, 0, 0) 100%);
 }
\ No newline at end of file

From 937886eca4fc32bcd063d5a6cd60f76413d52296 Mon Sep 17 00:00:00 2001
From: Draper <27962761+Drapersniper@users.noreply.github.com>
Date: Wed, 2 Mar 2022 12:25:34 +0000
Subject: [PATCH 07/16] "This is a perfect result" instead of "This is clone
 enough."

---
 css/community-theme-options/trueblack.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/css/community-theme-options/trueblack.css b/css/community-theme-options/trueblack.css
index ad1847cd..fc6d28e8 100644
--- a/css/community-theme-options/trueblack.css
+++ b/css/community-theme-options/trueblack.css
@@ -24,7 +24,7 @@
   /*Specials*/
   --arr-queue-color: #ddd; /* Servarr apps + Bazarr*/
   --plex-poster-unwatched: #ddd;
-  --petio-spinner: invert(32%) sepia(8%) saturate(8%) hue-rotate(41deg) brightness(100%) contrast(83%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --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: 255, 255, 255;
   --overseerr-gradient: linear-gradient(180deg, rgba(0, 0, 0, 0.17) 0%, rgba(0, 0, 0) 100%);
 }
\ No newline at end of file

From 18d672d878637a4ded85e0b87a9bedb774457124 Mon Sep 17 00:00:00 2001
From: Draper <27962761+Drapersniper@users.noreply.github.com>
Date: Wed, 2 Mar 2022 12:43:03 +0000
Subject: [PATCH 08/16] Dont have gitea to test - but basing it off
 organizr.css this should be fine

---
 css/community-theme-options/trueblack.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/css/community-theme-options/trueblack.css b/css/community-theme-options/trueblack.css
index fc6d28e8..5e817693 100644
--- a/css/community-theme-options/trueblack.css
+++ b/css/community-theme-options/trueblack.css
@@ -25,6 +25,6 @@
   --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: 255, 255, 255;
+  --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%);
 }
\ No newline at end of file

From 8f823a015970efef1689d48d4b63649ff7094b1f Mon Sep 17 00:00:00 2001
From: Draper <27962761+Drapersniper@users.noreply.github.com>
Date: Wed, 2 Mar 2022 22:00:16 +0000
Subject: [PATCH 09/16] well not sure how i missed this

---
 css/community-theme-options/trueblack.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/css/community-theme-options/trueblack.css b/css/community-theme-options/trueblack.css
index 5e817693..de3a1b7f 100644
--- a/css/community-theme-options/trueblack.css
+++ b/css/community-theme-options/trueblack.css
@@ -7,7 +7,7 @@
   --drop-down-menu-bg: #000;
 
   --button-color: #7a7a7a;
-  --button-color-hover: #9b9b9b;
+  --button-color-hover: #444;
   --button-text: #ddd;
   --button-text-hover: #999;
 

From ed7a19d5a5e5f5fcb7b842f53b52a2b048e534cf Mon Sep 17 00:00:00 2001
From: GilbN <gilberg@gmail.com>
Date: Sat, 5 Mar 2022 12:50:41 +0100
Subject: [PATCH 10/16] Overseerr: Button fix, bg-gray-700 change,
 --overseerr-gradient fix,  dropdown fixes

---
 css/base/overseerr/overseerr-base.css | 23 ++++++++++++++++++++---
 1 file changed, 20 insertions(+), 3 deletions(-)

diff --git a/css/base/overseerr/overseerr-base.css b/css/base/overseerr/overseerr-base.css
index 7175ef33..eebd42bc 100644
--- a/css/base/overseerr/overseerr-base.css
+++ b/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);
@@ -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)
@@ -335,7 +342,8 @@ 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,
+#__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;
 }
 
@@ -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 {

From 7c590c2685438e925dbec38e3c4aaf1b7b21aa74 Mon Sep 17 00:00:00 2001
From: GilbN <gilberg@gmail.com>
Date: Mon, 7 Mar 2022 22:00:26 +0100
Subject: [PATCH 11/16] fix: :bug: Organizr: fix some wierd gradient rendering
 with chrome 99

---
 css/base/organizr/organizr-base.css | 71 ++++++++++++++---------------
 1 file changed, 33 insertions(+), 38 deletions(-)

diff --git a/css/base/organizr/organizr-base.css b/css/base/organizr/organizr-base.css
index f49b5519..16276b22 100644
--- a/css/base/organizr/organizr-base.css
+++ b/css/base/organizr/organizr-base.css
@@ -21,17 +21,6 @@
     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 {
@@ -209,17 +198,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 +209,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;
@@ -284,6 +265,9 @@ 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);
+}
 
 #customize-appearance-form>ul>li.active>a {
     background: rgba(0, 0, 0, 0.25);
@@ -1719,7 +1703,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 +1720,7 @@ body {
 .nav .open>a,
 .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;
+    background: rgba(0, 0, 0, 0.25);
 }
 
 /*Right panel*/
@@ -1860,7 +1837,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;
@@ -2053,7 +2030,14 @@ body>div.mfp-wrap.mfp-auto-cursor.mfp-zoom-out.mfp-ready>div>div.mfp-content>div
 }
 
 .panel {
-    background: #1b1a1a;
+    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;
 }
 
 .form-control,
@@ -2122,7 +2106,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 +2115,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 +2280,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 +2323,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 +2397,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,
@@ -2513,4 +2497,15 @@ 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 {
+    background-color: #23232300;
+}
+#account-area > div > div > div > div > div.panel-wrapper.collapse.in.main-email-panel > div > div > div  > div > div {
+    background: transparent;
 }
\ No newline at end of file

From 25cd203f2aae5133b392adefb2d60859a8621ea5 Mon Sep 17 00:00:00 2001
From: GilbN <gilberg@gmail.com>
Date: Mon, 7 Mar 2022 22:56:42 +0100
Subject: [PATCH 12/16] fix: :bug: *Arr: Fixes for wierd gradient rendering on
 chrome 99

---
 css/base/lidarr/lidarr-base.css     | 18 +++++++++++-------
 css/base/prowlarr/prowlarr-base.css | 18 +++++++++++-------
 css/base/radarr/radarr-base.css     | 18 +++++++++++-------
 css/base/readarr/readarr-base.css   | 18 +++++++++++-------
 css/base/sonarr/sonarr-base.css     | 20 +++++++++++---------
 5 files changed, 55 insertions(+), 37 deletions(-)

diff --git a/css/base/lidarr/lidarr-base.css b/css/base/lidarr/lidarr-base.css
index 6528ae3b..ad2009aa 100644
--- a/css/base/lidarr/lidarr-base.css
+++ b/css/base/lidarr/lidarr-base.css
@@ -251,10 +251,7 @@ a:hover {
 }
 
 /* ADD NEW */
-[class*="EnhancedSelectInput-options-"],
-[class*="EnhancedSelectInputOption-option-"],
-[class*="EnhancedSelectInput-optionsContainer-"] {
-    border: 0px solid rgba(255, 255, 255, 0.2);
+[class*="EnhancedSelectInput-options-"] {
     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;
@@ -644,8 +649,7 @@ a:hover {
     background-size: auto, cover;
     -webkit-background-size: auto, cover;
     -moz-background-size: auto, cover;
-    -o-background-size: auto, cover;
-    color: var(--text);
+    -o-background-size: auto, cover;  
 }
 
 [class*="MenuContent-scroller-"] {
diff --git a/css/base/prowlarr/prowlarr-base.css b/css/base/prowlarr/prowlarr-base.css
index e2cdb65f..00b45811 100644
--- a/css/base/prowlarr/prowlarr-base.css
+++ b/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;
@@ -565,8 +569,7 @@ a:hover {
     background-size: auto, cover;
     -webkit-background-size: auto, cover;
     -moz-background-size: auto, cover;
-    -o-background-size: auto, cover;
-    color: var(--text);
+    -o-background-size: auto, cover;  
 }
 
 [class*="MenuContent-scroller-"] {
@@ -602,10 +605,7 @@ a:hover {
 
 /* ADD NEW */
 
-[class*="EnhancedSelectInput-options-"],
-[class*="EnhancedSelectInputOption-option-"],
-[class*="EnhancedSelectInput-optionsContainer-"] {
-    border: 0px solid rgba(255, 255, 255, 0.2);
+[class*="EnhancedSelectInput-options-"] {
     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;
diff --git a/css/base/radarr/radarr-base.css b/css/base/radarr/radarr-base.css
index 76c9275f..a8dec1b7 100644
--- a/css/base/radarr/radarr-base.css
+++ b/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;
@@ -575,8 +579,7 @@ a:hover {
     background-size: auto, cover;
     -webkit-background-size: auto, cover;
     -moz-background-size: auto, cover;
-    -o-background-size: auto, cover;
-    color: var(--text);
+    -o-background-size: auto, cover;  
 }
 
 [class*="MenuContent-scroller-"] {
@@ -612,10 +615,7 @@ a:hover {
 
 /* ADD NEW */
 
-[class*="EnhancedSelectInput-options-"],
-[class*="EnhancedSelectInputOption-option-"],
-[class*="EnhancedSelectInput-optionsContainer-"] {
-    border: 0px solid rgba(255, 255, 255, 0.2);
+[class*="EnhancedSelectInput-options-"] {
     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;
diff --git a/css/base/readarr/readarr-base.css b/css/base/readarr/readarr-base.css
index d2afeab4..24caabcb 100644
--- a/css/base/readarr/readarr-base.css
+++ b/css/base/readarr/readarr-base.css
@@ -250,10 +250,7 @@ a:hover {
 }
 
 /* ADD NEW */
-[class*="EnhancedSelectInput-options-"],
-[class*="EnhancedSelectInputOption-option-"],
-[class*="EnhancedSelectInput-optionsContainer-"] {
-    border: 0px solid rgba(255, 255, 255, 0.2);
+[class*="EnhancedSelectInput-options-"] {
     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;
@@ -649,8 +654,7 @@ a:hover {
     background-size: auto, cover;
     -webkit-background-size: auto, cover;
     -moz-background-size: auto, cover;
-    -o-background-size: auto, cover;
-    color: var(--text);
+    -o-background-size: auto, cover;  
 }
 
 [class*="MenuContent-scroller-"] {
diff --git a/css/base/sonarr/sonarr-base.css b/css/base/sonarr/sonarr-base.css
index df522e45..83bce2c4 100644
--- a/css/base/sonarr/sonarr-base.css
+++ b/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;
@@ -575,8 +579,7 @@ a:hover {
     background-size: auto, cover;
     -webkit-background-size: auto, cover;
     -moz-background-size: auto, cover;
-    -o-background-size: auto, cover;
-    color: var(--text);
+    -o-background-size: auto, cover;  
 }
 
 [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;
@@ -663,8 +666,7 @@ a:hover {
     color: var(--button-text-hover);
 }
 
-[class*="EnhancedSelectInput-mobileCloseButtonContainer-"] {
-    
+[class*="EnhancedSelectInput-mobileCloseButtonContainer-"] { 
     border-bottom: 1px solid rgba(255, 255, 255, 0.25);
 }
 

From 24accb35ce89589c5064c7c512025dda672db8e8 Mon Sep 17 00:00:00 2001
From: GilbN <gilberg@gmail.com>
Date: Mon, 7 Mar 2022 23:45:52 +0100
Subject: [PATCH 13/16] fix: :bug: Organizr: settings background fix

---
 css/base/organizr/organizr-base.css | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/css/base/organizr/organizr-base.css b/css/base/organizr/organizr-base.css
index 16276b22..93640c5e 100644
--- a/css/base/organizr/organizr-base.css
+++ b/css/base/organizr/organizr-base.css
@@ -269,6 +269,10 @@ h6 {
     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);
 }
@@ -2504,7 +2508,7 @@ span.select2-results {
 } */
 
 .panel-blue .panel-heading, .panel-info .panel-heading {
-    background-color: #23232300;
+    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 {
     background: transparent;

From b1028d547a86a614af1154b1daf23288c07c75fb Mon Sep 17 00:00:00 2001
From: GilbN <gilberg@gmail.com>
Date: Tue, 8 Mar 2022 20:55:45 +0100
Subject: [PATCH 14/16] fix: :bug: Organizr: plugin modal

Fixed plugins modal header bg
---
 css/base/organizr/organizr-base.css | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/css/base/organizr/organizr-base.css b/css/base/organizr/organizr-base.css
index 93640c5e..1f512c5f 100644
--- a/css/base/organizr/organizr-base.css
+++ b/css/base/organizr/organizr-base.css
@@ -2512,4 +2512,15 @@ span.select2-results {
 }
 #account-area > div > div > div > div > div.panel-wrapper.collapse.in.main-email-panel > div > div > div  > div > div {
     background: transparent;
+}
+
+[id$="-settings-page"] .panel {
+    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;
 }
\ No newline at end of file

From 97fbe3983a1bafb624b8fb122ec27db04cd7c4da Mon Sep 17 00:00:00 2001
From: GilbN <gilberg@gmail.com>
Date: Tue, 8 Mar 2022 21:17:42 +0100
Subject: [PATCH 15/16] fix: :bug: Organizr: fix the fix

Settings bg fix
---
 css/base/organizr/organizr-base.css | 27 ++++++++++++++-------------
 1 file changed, 14 insertions(+), 13 deletions(-)

diff --git a/css/base/organizr/organizr-base.css b/css/base/organizr/organizr-base.css
index 1f512c5f..8b641b41 100644
--- a/css/base/organizr/organizr-base.css
+++ b/css/base/organizr/organizr-base.css
@@ -269,6 +269,17 @@ h6 {
     background: rgba(0, 0, 0, 0.25);
 }
 
+.panel:not(#help-modal-body > div > div):not([id*="settings-"] .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;
+}
+
 [id*="settings-"] .panel {
     background: rgba(0, 0, 0, 0.25);
 }
@@ -2033,16 +2044,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: 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;
-}
 
 .form-control,
 input,
@@ -2507,14 +2508,14 @@ span.select2-results {
     background-color: rgba(var(--accent-color));
 } */
 
-.panel-blue .panel-heading, .panel-info .panel-heading {
+.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 {
     background: transparent;
 }
 
-[id$="-settings-page"] .panel {
+[id$="-settings-page"] .panel, .modal-content {
     background: var(--modal-bg-color);
     background-repeat: repeat, no-repeat;
     background-attachment: fixed, fixed;
@@ -2523,4 +2524,4 @@ span.select2-results {
     -webkit-background-size: auto, cover;
     -moz-background-size: auto, cover;
     -o-background-size: auto, cover;
-}
\ No newline at end of file
+}

From b9e440f070e07900802e1c0b195472f448e9f732 Mon Sep 17 00:00:00 2001
From: GilbN <gilberg@gmail.com>
Date: Sat, 12 Mar 2022 13:14:27 +0100
Subject: [PATCH 16/16] fix: :bug: Bazarr: dropdown fix

Fixed text colors on the Bazarr notification dropdown menu
---
 css/base/bazarr/bazarr-base.css | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/css/base/bazarr/bazarr-base.css b/css/base/bazarr/bazarr-base.css
index 72c89f57..696c35e0 100644
--- a/css/base/bazarr/bazarr-base.css
+++ b/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,
@@ -827,6 +840,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 {