From 9981ca4f39f56622007e4fec288b56a5c9c84b87 Mon Sep 17 00:00:00 2001
From: rg9400 <39887349+rg9400@users.noreply.github.com>
Date: Tue, 21 Dec 2021 13:56:48 -0600
Subject: [PATCH 01/13] Add Book Index poster detail styling

---
 css/base/readarr/readarr-base.css | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/css/base/readarr/readarr-base.css b/css/base/readarr/readarr-base.css
index b09568d3..b53b6de4 100644
--- a/css/base/readarr/readarr-base.css
+++ b/css/base/readarr/readarr-base.css
@@ -603,7 +603,9 @@ a:hover {
 
 /* POSTERS */
 [class*="AuthorIndexPoster-title-"],
-[class*="AuthorIndexPosterInfo-info-"] {
+[class*="AuthorIndexPosterInfo-info-"],
+[class*="BookIndexPoster-title-"],
+[class*="BookIndexPosterInfo-info-"] {
     background-color: rgba(255, 255, 255, 0.08);
     color: var(--text-hover);
 }
@@ -1271,4 +1273,4 @@ input[type=password] {
 /*Specific Book Page*/
 [class*="BookDetails-tab-"] {
     color: #FFF;
-}
\ No newline at end of file
+}

From 8399651e7e7928ac27bf5aa3598acb4681bd52a8 Mon Sep 17 00:00:00 2001
From: GilbN <gilberg@gmail.com>
Date: Wed, 22 Dec 2021 21:15:06 +0100
Subject: [PATCH 02/13] vaultwarden fixes for #304

---
 css/base/bitwarden/bitwarden-base.css | 67 ++++++++++++++++++---------
 1 file changed, 46 insertions(+), 21 deletions(-)

diff --git a/css/base/bitwarden/bitwarden-base.css b/css/base/bitwarden/bitwarden-base.css
index 3a40abf5..5ddb2023 100644
--- a/css/base/bitwarden/bitwarden-base.css
+++ b/css/base/bitwarden/bitwarden-base.css
@@ -19,7 +19,9 @@ img.logo {
 }
 
 body.layout_frontend,
-body {
+body,
+html.theme_light body.layout_frontend,
+html {
     background: var(--main-bg-color);
     background-repeat: repeat, no-repeat;
     background-attachment: fixed, fixed;
@@ -39,13 +41,14 @@ app-org-vault-groupings .card .card-body a,
     color: var(--link-color);
 }
 
-a:hover,
+a:hover:not(.btn-secondary),
 app-vault-groupings .card li.active>a:first-of-type,
 app-vault-groupings .card li.active>div a:first-of-type,
 app-org-vault-groupings .card li.active>a:first-of-type,
 app-org-vault-groupings .card li.active>div a:first-of-type,
 .groupings .card li.active>a:first-of-type,
-.groupings .card li.active>div a:first-of-type {
+.groupings .card li.active>div a:first-of-type,
+html.theme_light a {
     color: var(--link-color-hover) !important;
 }
 
@@ -75,8 +78,8 @@ h6,
 .h4,
 .h5,
 .h6,
-label,
-label:not(.form-check-label):not(.btn),
+label:not(#g_advanced > div:nth-child(13) > label):not(#g_advanced > div:nth-child(12) > div.col-sm-8 > div > label),
+label:not(.form-check-label):not(.btn):not(#g_advanced > div:nth-child(13) > label),
 label.bold .card-header:first-child,
 .card-header,
 .modal-header {
@@ -97,7 +100,14 @@ label.bold .card-header:first-child,
 
 /* CARDS */
 .card {
-    background-color: rgba(255, 255, 255, 0.07);
+    background-color: rgba(255, 255, 255, 0.07) !important;
+    border-color: rgba(255, 255, 255, 0.1) !important;
+    color: var(--text) !important;
+}
+
+html.theme_light .card-body:not(.bg-light>.card-body) {
+    background-color: transparent;
+    color: var(--text);
 }
 
 app-vault-groupings .card li.active>a:first-of-type,
@@ -295,17 +305,21 @@ a.text-danger:focus {
 
 .btn[class*="btn-outline-"]:not(:hover),
 .swal2-popup .swal2-actions button[class*="btn-outline-"]:not(:hover),
-.swal2-popup .swal2-actions button.swal2-cancel {
-    border-color: var(--button-color);
-    background-color: var(--button-color);
-    color: var(--button-text);
+.swal2-popup .swal2-actions button.swal2-cancel,
+html.theme_light .btn-primary,
+html.theme_light .swal2-confirm {
+    border-color: var(--button-color) !important;
+    background-color: var(--button-color) !important;
+    color: var(--button-text) !important;
 }
 
 .btn-outline-secondary:hover,
-.swal2-popup .swal2-actions button.swal2-cancel:hover {
-    color: var(--button-text-hover);
-    background-color: var(--button-color-hover);
-    border-color: var(--button-color-hover);
+.swal2-popup .swal2-actions button.swal2-cancel:hover,
+html.theme_light .btn-primary,
+html.theme_light .swal2-confirm {
+    color: var(--button-text-hover) !important;
+    background-color: var(--button-color-hover) !important;
+    border-color: var(--button-color-hover) !important;
 }
 
 .btn-outline-secondary:hover:not(:disabled),
@@ -315,8 +329,8 @@ a.text-danger:focus {
 
 .btn-outline-primary:hover {
     color: var(--button-text-hover) !important;
-    background-color: var(--button-color-hover);
-    border-color: var(--button-color-hover);
+    background-color: var(--button-color-hover) !important;
+    border-color: var(--button-color-hover) !important;
 }
 
 .btn-outline-primary:not(:disabled):not(.disabled):active,
@@ -335,7 +349,9 @@ a.text-danger:focus {
 .btn-outline-secondary.focus,
 .swal2-popup .swal2-actions button.focus.swal2-cancel,
 .btn-outline-primary:focus,
-.btn-outline-primary.focus {
+.btn-outline-primary.focus,
+.btn-check:focus+.btn,
+.btn:focus {
     box-shadow: 0 0 0 0.2rem rgb(var(--accent-color), .5);
 }
 
@@ -344,12 +360,15 @@ a.text-danger:focus {
 .btn-outline-secondary:not(:disabled):not(.disabled).active,
 .swal2-popup .swal2-actions button.swal2-cancel:not(:disabled):not(.disabled).active,
 .show>.btn-outline-secondary.dropdown-toggle,
-.swal2-popup .swal2-actions .show>button.dropdown-toggle.swal2-cancel {
-    color: var(--button-text-hover);
-    background-color: var(--button-color-hover);
-    border-color: var(--button-color-hover);
+.swal2-popup .swal2-actions .show>button.dropdown-toggle.swal2-cancel,
+html.theme_light .btn-outline-secondary:hover:not(:disabled),
+html.theme_light .btn-outline-secondary:active {
+    color: var(--button-text-hover) !important;
+    background-color: var(--button-color-hover) !important;
+    border-color: var(--button-color-hover) !important;
 }
 
+
 .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
 .swal2-popup .swal2-actions button.swal2-cancel:not(:disabled):not(.disabled):active:focus,
 .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
@@ -499,4 +518,10 @@ input:focus:-ms-input-placeholder {
 .card-header small,
 .modal-header small {
     color: var(--text-muted) !important;
+}
+
+/* Table */
+.table-striped>tbody>tr:nth-of-type(odd)>* {
+    --bs-table-accent-bg: var(--bs-table-striped-bg);
+    color: var(--text-hover);
 }
\ No newline at end of file

From 371c113cf156e30966a9ec81551993e6f5e98f45 Mon Sep 17 00:00:00 2001
From: GilbN <gilberg@gmail.com>
Date: Wed, 22 Dec 2021 22:50:37 +0100
Subject: [PATCH 03/13] prowlarr webkit fixes, and label fix for #306

---
 css/base/prowlarr/prowlarr-base.css | 29 +++++++++++++++++++++++++++--
 1 file changed, 27 insertions(+), 2 deletions(-)

diff --git a/css/base/prowlarr/prowlarr-base.css b/css/base/prowlarr/prowlarr-base.css
index bc113068..24db8c24 100644
--- a/css/base/prowlarr/prowlarr-base.css
+++ b/css/base/prowlarr/prowlarr-base.css
@@ -192,6 +192,7 @@ a:hover {
 
 [class*="CheckInput-input-"][class*="CheckInput-isNotChecked-"] {
     background: #fff;
+    border: 1px solid #ccc;
 }
 
 /* HEADER */
@@ -470,6 +471,10 @@ a:hover {
     color: #000;
 }
 
+[class*="Label-disabled-"][class*="Label-outline-"] {
+    color: #000;
+}
+
 [class*="PageSidebarItem-status-"][class*="Label-info-"] {
     border-color: var(--arr-queue-color);
     background-color: var(--arr-queue-color);
@@ -597,8 +602,10 @@ a:hover {
 
 /* ADD NEW */
 
-[class*="EnhancedSelectInput-options-"] {
-    border: 1px solid rgba(255, 255, 255, 0.2);
+[class*="EnhancedSelectInput-options-"],
+.EnhancedSelectInputOption-option-g4V97,
+.EnhancedSelectInput-optionsContainer-Ysa4r {
+    border: 0px solid rgba(255, 255, 255, 0.2);
     border-radius: 4px;
     background: var(--drop-down-menu-bg);
     background-repeat: repeat, no-repeat;
@@ -625,6 +632,24 @@ a:hover {
     color: var(--text);
 }
 
+[class*="EnhancedSelectInput-optionsModalScroller-"] {
+    border: 1px solid var(--drop-down-menu-bg);
+    border-radius: 4px;
+    background-color: var(--drop-down-menu-bg);
+}
+
+[class*="EnhancedSelectInput-mobileCloseButton-"] {
+    color: var(--button-text);
+}
+
+[class*="EnhancedSelectInput-mobileCloseButton-"]:hover {
+    color: var(--button-text-hover);
+}
+
+[class*="EnhancedSelectInput-mobileCloseButtonContainer-"] {
+    
+    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
+}
 /* SEARCH BAR */
 [class*="Input-input-"],
 [class*="AddNewMovie-searchIconContainer-"],

From 9c92173e6f57cf74eec0097956628d5e425c8787 Mon Sep 17 00:00:00 2001
From: GilbN <gilberg@gmail.com>
Date: Wed, 22 Dec 2021 23:34:00 +0100
Subject: [PATCH 04/13] radarr calendar fixes for #305

---
 css/base/radarr/radarr-base.css | 39 ++++++++++++++++++++++++++++-----
 1 file changed, 34 insertions(+), 5 deletions(-)

diff --git a/css/base/radarr/radarr-base.css b/css/base/radarr/radarr-base.css
index 138adbdc..349c31ed 100644
--- a/css/base/radarr/radarr-base.css
+++ b/css/base/radarr/radarr-base.css
@@ -10,11 +10,12 @@
 /*		   		        Made by @gilbN					 */
 /* 			      https://github.com/gilbN/theme.park			 */
 :root {
-    --calendar-in-cinemas: 53, 197, 244;
+    --calendar-in-cinemas: 53 197 244;
     --calendar-downloading: 122 67 182; 
     --calendar-unmonitored: 173 173 173;
     --calendar-unaired: 93 156 236;  
     --calendar-missing: 240 80 80;
+    --calendar-missing-unmonitored: 255 165 0;
     --calendar-available: 39 194 76;
   }
 
@@ -41,7 +42,7 @@ body {
 }
 
 /* LINKS */
-[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):not([class*="Button-"]) {
+[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):not([class*="Button-"]):not([class*="AgendaEvent"]) {
     color: var(--link-color);   
    }
    
@@ -843,16 +844,28 @@ input:focus:-ms-input-placeholder {
     border-left-color: transparent !important;
 }
 
-[class*="CalendarEvent-missing-"] {
+[class*="CalendarEvent-missing-"],
+[class*="CalendarEvent-missingMonitored"] {
     background: rgb(var(--calendar-missing) / .7) !important;
     border-left-color: transparent !important;
 }
 
-[class*="Calendar-calendar-"] [class*="CalendarEvent-missing-"]:hover {
+[class*="Calendar-calendar-"] [class*="CalendarEvent-missing-"]:hover,
+[class*="Calendar-calendar-"] [class*="CalendarEvent-missingMonitored"]:hover {
     background: rgba(var(--calendar-missing) / .5) !important;
     border-left-color: transparent !important;
 }
 
+[class*="CalendarEvent-missingUnmonitored-"] {
+    background: rgb(var(--calendar-missing-unmonitored) / .7) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="CalendarEvent-missingUnmonitored-"]:hover {
+    background: rgb(var(--calendar-missing-unmonitored) / .5) !important;
+    border-left-color: transparent !important;
+}
+
 [class*="CalendarEvent-unreleased-"] {
     background: rgb(var(--calendar-unaired) / .7) !important;
     border-left-color: transparent !important;
@@ -863,6 +876,16 @@ input:focus:-ms-input-placeholder {
     border-left-color: transparent !important;
 }
 
+[class*="CalendarEvent-event-"] {
+    background: rgb(var(--calendar-unmonitored) / .7);
+    border-left-color: transparent;
+}
+
+[class*="Calendar-calendar-"] [class*="CalendarEvent-event-"]:hover {
+    background: rgb(var(--calendar-unmonitored) / .5);
+    border-left-color: transparent;
+}
+
 [class*="CalendarEvent-unmonitored-"] {
     background: rgb(var(--calendar-unmonitored) / .7) !important;
     border-left-color: transparent !important;
@@ -912,7 +935,8 @@ input:focus:-ms-input-placeholder {
 [class*="CalendarEvent-movieTitle-"],
 [class*="CalendarEvent-movieInfo-"],
 [class*="CalendarEvent-episodeInfo-"],
-[class*="CalendarEvent-airTime-"] {
+[class*="CalendarEvent-airTime-"],
+[class*="CalendarEvent-link-"] {
     color: #fff !important;
 }
 
@@ -936,6 +960,11 @@ input:focus:-ms-input-placeholder {
     color: var(--text);
 }
 
+[class*="LegendItem-missingMonitoredColorImpaired-"],
+[class*="LegendItem-missingUnmonitoredColorImpaired-"] {
+    background: transparent;
+}
+
 /* calendar agenda */
 [class*="AgendaEvent-event-"]:hover {
     background-color: hsla(0, 0%, 100%, .08) !important;

From e91dfd2ecddf95dfa81c7c22fb98937f576f9152 Mon Sep 17 00:00:00 2001
From: GilbN <gilberg@gmail.com>
Date: Wed, 22 Dec 2021 23:56:56 +0100
Subject: [PATCH 05/13] radarr MovieFileStatus-missing colorimpared fix for
 #305

---
 css/base/radarr/radarr-base.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/css/base/radarr/radarr-base.css b/css/base/radarr/radarr-base.css
index 349c31ed..783027f1 100644
--- a/css/base/radarr/radarr-base.css
+++ b/css/base/radarr/radarr-base.css
@@ -343,6 +343,10 @@ a:hover {
     color: var(--text) !important;
 }
 
+[class*="MovieFileStatus-missing"].colorImpaired {
+    background: transparent;
+}
+
 .fa-search:hover {
     color: var(--text-hover) !important;
 }

From 97aa3a2a561bc30a722b83a31d61d77ebfb4f8a1 Mon Sep 17 00:00:00 2001
From: GilbN <gilberg@gmail.com>
Date: Fri, 31 Dec 2021 00:08:52 +0100
Subject: [PATCH 06/13] bitwarden updates

---
 css/base/bitwarden/bitwarden-base.css | 123 ++++++++++++++++++++------
 1 file changed, 94 insertions(+), 29 deletions(-)

diff --git a/css/base/bitwarden/bitwarden-base.css b/css/base/bitwarden/bitwarden-base.css
index 5ddb2023..987fa5ed 100644
--- a/css/base/bitwarden/bitwarden-base.css
+++ b/css/base/bitwarden/bitwarden-base.css
@@ -19,8 +19,8 @@ img.logo {
 }
 
 body.layout_frontend,
-body,
-html.theme_light body.layout_frontend,
+html[class*="theme_"] body,
+html[class*="theme_"] body.layout_frontend,
 html {
     background: var(--main-bg-color);
     background-repeat: repeat, no-repeat;
@@ -41,18 +41,22 @@ app-org-vault-groupings .card .card-body a,
     color: var(--link-color);
 }
 
-a:hover:not(.btn-secondary),
+a:hover:not(.btn-secondary):not(.btn-outline-primary),
 app-vault-groupings .card li.active>a:first-of-type,
 app-vault-groupings .card li.active>div a:first-of-type,
 app-org-vault-groupings .card li.active>a:first-of-type,
 app-org-vault-groupings .card li.active>div a:first-of-type,
 .groupings .card li.active>a:first-of-type,
 .groupings .card li.active>div a:first-of-type,
-html.theme_light a {
+html[class*="theme_"] a {
     color: var(--link-color-hover) !important;
 }
+html[class*="theme_"] #totpImage {
+    background: lightgray;
+}
 
 /* TEXT */
+html[class*="theme_"] .text-muted,
 .text-muted,
 .form-check-block .form-check-label>small,
 .modal-header small,
@@ -81,7 +85,7 @@ h6,
 label:not(#g_advanced > div:nth-child(13) > label):not(#g_advanced > div:nth-child(12) > div.col-sm-8 > div > label),
 label:not(.form-check-label):not(.btn):not(#g_advanced > div:nth-child(13) > label),
 label.bold .card-header:first-child,
-.card-header,
+html[class*="theme_"] .card-header,
 .modal-header {
     color: var(--text-hover) !important;
 }
@@ -99,13 +103,19 @@ label.bold .card-header:first-child,
 }
 
 /* CARDS */
+
+html[class*="theme_"] .card-header {
+    background-color: rgb(0 0 0 / 45%);
+    color: #fff;
+}
+
 .card {
     background-color: rgba(255, 255, 255, 0.07) !important;
     border-color: rgba(255, 255, 255, 0.1) !important;
     color: var(--text) !important;
 }
 
-html.theme_light .card-body:not(.bg-light>.card-body) {
+html[class*="theme_"] .card-body:not(.bg-light>.card-body) {
     background-color: transparent;
     color: var(--text);
 }
@@ -116,17 +126,31 @@ app-vault-groupings .card li.active>div>.fa {
     color: rgb(var(--accent-color));
 }
 
-body>app-root>app-user-layout>app-tools>div>div>div.col-9>app-password-generator>div.card.card-password.bg-light.my-4 {
+body>app-root>app-user-layout>app-tools>div>div>div.col-9>app-password-generator>div.card.card-password.bg-light.my-4,
+body > app-root > app-user-layout > app-tools > div > div > div.col-9 > app-password-generator > div.card.card-password.bg-light.my-4 > div {
     background-color: rgb(0 0 0 / 15%) !important;
 }
 
-.password-number {
+html[class*="theme_"] .password-number {
     color: rgb(var(--accent-color));
 }
+html[class*="theme_"] .password-letter {
+    color: white;
+}
 
 /* MODALS */
-.modal-content,
-.modal-footer {
+html[class*="theme_"] .modal-header {
+    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+    background: var(--modal-header-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+html[class*="theme_"] .modal-body {
     background: var(--modal-bg-color);
     background-repeat: repeat, no-repeat;
     background-attachment: fixed, fixed;
@@ -136,6 +160,17 @@ body>app-root>app-user-layout>app-tools>div>div>div.col-9>app-password-generator
     -moz-background-size: auto, cover;
     -o-background-size: auto, cover;
 }
+html[class*="theme_"] .modal-footer {
+    border-top: 1px solid rgba(255, 255, 255, 0.1);
+    background: var(--modal-footer-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
 
 .close,
 .close:hover {
@@ -193,26 +228,35 @@ body>app-root>app-user-layout>app-tools>div>div>div.col-9>app-password-generator
 }
 
 /* FORMS */
-.form-control:focus {
-    box-shadow: none;
-    border-color: transparent;
+html[class*="theme_"] label.form-check-label, html[class*="theme_"] .form-control-file {
+    color: var(--text);
 }
 
-.form-control {
+html[class*="theme_"] .form-control:focus {
+    box-shadow: none;
+    border-color: transparent;
+    background: rgb(253 253 253 / 15%);
+}
+
+html[class*="theme_"] .form-control {
     color: var(--text);
     background-color: rgb(0 0 0 / 0.25);
     border: 1px solid transparent;
 
 }
 
-.form-control:disabled,
+html[class*="theme_"] .form-control:disabled,
 .form-control[readonly] {
     background-color: rgb(255 255 255 / 25%);
     opacity: 1;
 }
 
+select:focus {
+    background: #1f1f1f !important;
+}
+
 /* DROPDOWN MENU */
-.dropdown-menu {
+/* html[class*="theme_"] .dropdown-menu {
     background: var(--modal-bg-color);
     background-repeat: repeat, no-repeat;
     background-attachment: fixed, fixed;
@@ -223,15 +267,20 @@ body>app-root>app-user-layout>app-tools>div>div>div.col-9>app-password-generator
     -o-background-size: auto, cover;
     border: 1px solid transparent;
     box-shadow: 3px 3px 10px rgba(0, 0, 0, .2);
+} */
+
+html[class*="theme_"] .dropdown-menu, html[class*="theme_"] .dropdown-item {
+    background: #1f1f1f;
+    color: #fff;
 }
 
-.dropdown-item,
-.dropdown-item-text {
+html[class*="theme_"] .dropdown-item,
+html[class*="theme_"] .dropdown-item-text {
     color: var(--text);
 }
 
-.dropdown-item:hover,
-.dropdown-item:focus {
+html[class*="theme_"] .dropdown-item:hover,
+html[class*="theme_"] .dropdown-item:focus {
     color: var(--text-hover);
     text-decoration: none;
     background-color: rgb(255 255 255 / 0.08);
@@ -249,19 +298,32 @@ a.text-danger:focus {
 }
 
 /* SETTINGS */
-.list-group-item.active {
+
+html[class*="theme_"] .page-header, html[class*="theme_"] .secondary-header {
+    border-bottom: 1px solid rgb(255 255 255 / 30%);
+}
+
+html[class*="theme_"] .list-group-item.active {
     color: var(--text);
     background-color: rgb(255 255 255 / 10%);
     border-left: 3px solid rgb(var(--accent-color));
+    border-color: rgba(255, 255, 255, 0.1);
 }
 
-.callout {
+html[class*="theme_"] .callout {
     background-color: rgb(255 255 255 / 15%);
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    color: var(--text);
 }
 
-.list-group-item {
+html[class*="theme_"] .list-group-item {
     background-color: rgb(0 0 0 / 25%);
     border: 1px solid rgb(255 255 255 / 8%);
+    color: var(--text);
+}
+
+html[class*="theme_"] .progress {
+    background-color: rgba(0, 0, 0, 0.25);
 }
 
 /* BUTTONS */
@@ -306,8 +368,8 @@ a.text-danger:focus {
 .btn[class*="btn-outline-"]:not(:hover),
 .swal2-popup .swal2-actions button[class*="btn-outline-"]:not(:hover),
 .swal2-popup .swal2-actions button.swal2-cancel,
-html.theme_light .btn-primary,
-html.theme_light .swal2-confirm {
+html[class*="theme_"] .btn-primary,
+html[class*="theme_"] .swal2-confirm {
     border-color: var(--button-color) !important;
     background-color: var(--button-color) !important;
     color: var(--button-text) !important;
@@ -315,8 +377,8 @@ html.theme_light .swal2-confirm {
 
 .btn-outline-secondary:hover,
 .swal2-popup .swal2-actions button.swal2-cancel:hover,
-html.theme_light .btn-primary,
-html.theme_light .swal2-confirm {
+html[class*="theme_"] .btn-primary,
+html[class*="theme_"] .swal2-confirm {
     color: var(--button-text-hover) !important;
     background-color: var(--button-color-hover) !important;
     border-color: var(--button-color-hover) !important;
@@ -361,8 +423,8 @@ html.theme_light .swal2-confirm {
 .swal2-popup .swal2-actions button.swal2-cancel:not(:disabled):not(.disabled).active,
 .show>.btn-outline-secondary.dropdown-toggle,
 .swal2-popup .swal2-actions .show>button.dropdown-toggle.swal2-cancel,
-html.theme_light .btn-outline-secondary:hover:not(:disabled),
-html.theme_light .btn-outline-secondary:active {
+html[class*="theme_"] .btn-outline-secondary:hover:not(:disabled),
+html[class*="theme_"] .btn-outline-secondary:active {
     color: var(--button-text-hover) !important;
     background-color: var(--button-color-hover) !important;
     border-color: var(--button-color-hover) !important;
@@ -524,4 +586,7 @@ input:focus:-ms-input-placeholder {
 .table-striped>tbody>tr:nth-of-type(odd)>* {
     --bs-table-accent-bg: var(--bs-table-striped-bg);
     color: var(--text-hover);
+}
+html[class*="theme_"] .table td {
+    color: var(--text);
 }
\ No newline at end of file

From f2909c6537ad46cfb04417d093e601e21d4b8234 Mon Sep 17 00:00:00 2001
From: GilbN <gilberg@gmail.com>
Date: Fri, 31 Dec 2021 00:11:42 +0100
Subject: [PATCH 07/13] aquamarine muted text change

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

diff --git a/css/theme-options/aquamarine.css b/css/theme-options/aquamarine.css
index 5cdf3f13..9f566db4 100644
--- a/css/theme-options/aquamarine.css
+++ b/css/theme-options/aquamarine.css
@@ -20,7 +20,7 @@
 
   --text:#ddd;
   --text-hover: #fff;
-  --text-muted: #999;
+  --text-muted: #8dcfc9;
 
   /*Specials*/
   --arr-queue-color: #009688; /* Servarr apps + Bazarr*/

From 6a4b9a96446a90e7d7f28301cc7b5d96678ca545 Mon Sep 17 00:00:00 2001
From: GilbN <gilberg@gmail.com>
Date: Sat, 1 Jan 2022 11:37:34 +0100
Subject: [PATCH 08/13] *arr  webkit fixes for #308

---
 css/base/lidarr/lidarr-base.css     | 36 +++++++++++++++++++++++++----
 css/base/prowlarr/prowlarr-base.css | 14 ++++++++---
 css/base/radarr/radarr-base.css     | 33 ++++++++++++++++++++++++--
 css/base/readarr/readarr-base.css   | 36 +++++++++++++++++++++++++----
 css/base/sonarr/sonarr-base.css     | 36 +++++++++++++++++++++++++----
 5 files changed, 138 insertions(+), 17 deletions(-)

diff --git a/css/base/lidarr/lidarr-base.css b/css/base/lidarr/lidarr-base.css
index f33e0877..1a6fcb1d 100644
--- a/css/base/lidarr/lidarr-base.css
+++ b/css/base/lidarr/lidarr-base.css
@@ -251,8 +251,10 @@ a:hover {
 }
 
 /* ADD NEW */
-[class*="EnhancedSelectInput-options-"] {
-    border: 1px solid rgba(255, 255, 255, 0.2);
+[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;
@@ -275,11 +277,37 @@ a:hover {
     background-color: rgba(255, 255, 255, 0.08);
 }
 
-[class*="HintedSelectInputOption-hintText-"],
-[class*="RootFolderSelectInputOption-freeSpace-"] {
+[class*="HintedSelectInputOption-hintText-"] {
     color: var(--text);
 }
 
+[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;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+[class*="EnhancedSelectInput-mobileCloseButton-"] {
+    color: var(--button-text);
+}
+
+[class*="EnhancedSelectInput-mobileCloseButton-"]:hover {
+    color: var(--button-text-hover);
+}
+
+[class*="EnhancedSelectInput-mobileCloseButtonContainer-"] {
+    
+    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
+}
+
 /* SIDE MENU */
 [class*="PageSidebar-sidebarContainer-"] {
     background-color: rgba(0, 0, 0, .25);
diff --git a/css/base/prowlarr/prowlarr-base.css b/css/base/prowlarr/prowlarr-base.css
index 24db8c24..0ca542dc 100644
--- a/css/base/prowlarr/prowlarr-base.css
+++ b/css/base/prowlarr/prowlarr-base.css
@@ -603,8 +603,8 @@ a:hover {
 /* ADD NEW */
 
 [class*="EnhancedSelectInput-options-"],
-.EnhancedSelectInputOption-option-g4V97,
-.EnhancedSelectInput-optionsContainer-Ysa4r {
+[class*="EnhancedSelectInputOption-option-"],
+[class*="EnhancedSelectInput-optionsContainer-"] {
     border: 0px solid rgba(255, 255, 255, 0.2);
     border-radius: 4px;
     background: var(--drop-down-menu-bg);
@@ -635,7 +635,15 @@ a:hover {
 [class*="EnhancedSelectInput-optionsModalScroller-"] {
     border: 1px solid var(--drop-down-menu-bg);
     border-radius: 4px;
-    background-color: var(--drop-down-menu-bg);
+    background: var(--drop-down-menu-bg);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
 }
 
 [class*="EnhancedSelectInput-mobileCloseButton-"] {
diff --git a/css/base/radarr/radarr-base.css b/css/base/radarr/radarr-base.css
index 783027f1..96d03a18 100644
--- a/css/base/radarr/radarr-base.css
+++ b/css/base/radarr/radarr-base.css
@@ -612,8 +612,10 @@ a:hover {
 
 /* ADD NEW */
 
-[class*="EnhancedSelectInput-options-"] {
-    border: 1px solid rgba(255, 255, 255, 0.2);
+[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;
@@ -640,6 +642,33 @@ a:hover {
     color: var(--text);
 }
 
+[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;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+[class*="EnhancedSelectInput-mobileCloseButton-"] {
+    color: var(--button-text);
+}
+
+[class*="EnhancedSelectInput-mobileCloseButton-"]:hover {
+    color: var(--button-text-hover);
+}
+
+[class*="EnhancedSelectInput-mobileCloseButtonContainer-"] {
+    
+    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
+}
+
 /* SEARCH BAR */
 [class*="Input-input-"],
 [class*="AddNewMovie-searchIconContainer-"],
diff --git a/css/base/readarr/readarr-base.css b/css/base/readarr/readarr-base.css
index b53b6de4..ab9fc8a3 100644
--- a/css/base/readarr/readarr-base.css
+++ b/css/base/readarr/readarr-base.css
@@ -250,8 +250,10 @@ a:hover {
 }
 
 /* ADD NEW */
-[class*="EnhancedSelectInput-options-"] {
-    border: 1px solid rgba(255, 255, 255, 0.2);
+[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;
@@ -274,11 +276,37 @@ a:hover {
     background-color: rgba(255, 255, 255, 0.08);
 }
 
-[class*="HintedSelectInputOption-hintText-"],
-[class*="RootFolderSelectInputOption-freeSpace-"] {
+[class*="HintedSelectInputOption-hintText-"] {
     color: var(--text);
 }
 
+[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;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+[class*="EnhancedSelectInput-mobileCloseButton-"] {
+    color: var(--button-text);
+}
+
+[class*="EnhancedSelectInput-mobileCloseButton-"]:hover {
+    color: var(--button-text-hover);
+}
+
+[class*="EnhancedSelectInput-mobileCloseButtonContainer-"] {
+    
+    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
+}
+
 /* SIDE MENU */
 [class*="PageSidebar-sidebarContainer-"] {
     background-color: rgba(0, 0, 0, .25);
diff --git a/css/base/sonarr/sonarr-base.css b/css/base/sonarr/sonarr-base.css
index f5a16e74..7d7ee3a2 100644
--- a/css/base/sonarr/sonarr-base.css
+++ b/css/base/sonarr/sonarr-base.css
@@ -611,8 +611,10 @@ a:hover {
 }
 
 /* ADD NEW */
-[class*="EnhancedSelectInput-options-"] {
-    border: 1px solid rgba(255, 255, 255, 0.2);
+[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;
@@ -635,11 +637,37 @@ a:hover {
     background-color: rgba(255, 255, 255, 0.08);
 }
 
-[class*="HintedSelectInputOption-hintText-"],
-[class*="RootFolderSelectInputOption-freeSpace-"] {
+[class*="HintedSelectInputOption-hintText-"] {
     color: var(--text);
 }
 
+[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;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+[class*="EnhancedSelectInput-mobileCloseButton-"] {
+    color: var(--button-text);
+}
+
+[class*="EnhancedSelectInput-mobileCloseButton-"]:hover {
+    color: var(--button-text-hover);
+}
+
+[class*="EnhancedSelectInput-mobileCloseButtonContainer-"] {
+    
+    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
+}
+
 /* SEARCH BAR */
 [class*="Input-input-"],
 [class*="AddNewSeries-searchIconContainer-"],

From 74b94723a098c09c5eae0687311562fa56ec7b1e Mon Sep 17 00:00:00 2001
From: GilbN <gilberg@gmail.com>
Date: Sat, 1 Jan 2022 13:50:13 +0100
Subject: [PATCH 09/13] ombi accent fixes

---
 css/base/ombi/ombi-base.css | 24 +++++++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/css/base/ombi/ombi-base.css b/css/base/ombi/ombi-base.css
index d8675eb9..62a9125e 100644
--- a/css/base/ombi/ombi-base.css
+++ b/css/base/ombi/ombi-base.css
@@ -549,8 +549,26 @@ button.admin-cog {
     color: rgb(var(--accent-color)) !important;
 }
 
+.mat-toolbar .mat-form-field-underline,.mat-toolbar .mat-form-field-ripple,.mat-toolbar .mat-focused .mat-form-field-ripple {
+background-color: rgb(var(--accent-color));
+}
+
+.mat-input-element,.login-card .mat-input-element {
+    caret-color: rgb(var(--accent-color)) !important;
+}
+
+input:-internal-autofill-selected {
+    appearance: menulist-button;
+    background-image: none !important;
+    background-color: -internal-light-dark(rgba(232, 240, 254, 0), rgba(70, 90, 126, 0.4)) !important;
+    color: -internal-light-dark(black, white) !important;
+}
+
+.mat-form-field.mat-focused .mat-form-field-ripple,
 .mat-checkbox-checked.mat-accent .mat-checkbox-background,
-.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
+.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
+.mat-toolbar .mat-form-field-underline,.mat-toolbar .mat-form-field-ripple,
+.mat-toolbar .mat-focused .mat-form-field-ripple {
     background-color: rgb(var(--accent-color));
 }
 
@@ -599,6 +617,10 @@ button.admin-cog {
 
 /* TABLES */
 
+.table {
+    color: var(--text);
+}
+
 .mat-table-sticky,
 .mat-table tbody,
 .mat-table tfoot,

From 305dce1fb41171d23fab1c1540590b438fc5135d Mon Sep 17 00:00:00 2001
From: GilbN <gilberg@gmail.com>
Date: Sat, 1 Jan 2022 13:54:23 +0100
Subject: [PATCH 10/13] ombi accent

---
 css/base/ombi/ombi-base.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/css/base/ombi/ombi-base.css b/css/base/ombi/ombi-base.css
index 62a9125e..84d28908 100644
--- a/css/base/ombi/ombi-base.css
+++ b/css/base/ombi/ombi-base.css
@@ -36,6 +36,12 @@ html, body, .wizard-background, .content-container, #main-container\ dark > mat-
     background: transparent !important;
 }
 
+.container-alert {
+    color: #fff;
+    background-color: rgb(0 0 0 / 50%) !important;
+    border-color: rgb(var(--accent-color)) !important;
+}
+
 .h1,
 .h2,
 .h3,

From ec6ac54f6378edbd1a022a35ef1c81d7a1d9badb Mon Sep 17 00:00:00 2001
From: GilbN <gilberg@gmail.com>
Date: Tue, 4 Jan 2022 00:48:28 +0100
Subject: [PATCH 11/13] organizr homepage-items background fix

---
 css/base/organizr/organizr-base.css | 10 ++--------
 1 file changed, 2 insertions(+), 8 deletions(-)

diff --git a/css/base/organizr/organizr-base.css b/css/base/organizr/organizr-base.css
index 638594fc..ae72e321 100644
--- a/css/base/organizr/organizr-base.css
+++ b/css/base/organizr/organizr-base.css
@@ -644,7 +644,7 @@ th.fc-day-header.fc-widget-header.fc-today {
 
 /* logo */
 .white-box .visible-xs {
-    display: block !important;
+    display: block;
 }
 
 .loginLogo {
@@ -1154,7 +1154,7 @@ label[for="checkbox-login"]:hover {
 .nav-tabs>li.active>a:hover {
     cursor: pointer;
     opacity: 1;
-    background: rgba(0, 0, 0, 0.25) !important;
+    background: rgb(var(--accent-color) , .15) !important;
 }
 
 #homepageOrderdownloader .nav-tabs>li.active>a,
@@ -1164,12 +1164,6 @@ label[for="checkbox-login"]:hover {
     padding: 10px 12.5px;
 }
 
-#homepageOrderdownloader .nav-tabs>li.active>a,
-.nav-tabs>li.active .nav>li>a .customtab,
-#homepageOrderdownloader .nav-tabs {
-    padding: 10px 12.5px;
-}
-
 #homepageOrderdownloader ul.nav.customtab.nav-tabs.m-t-5.nav-tabs>li.active>a,
 #homepageOrderdownloader ul.nav.customtab.nav-tabs.m-t-5.nav-tabs>li>a {
     padding: 10px 11.5px !important;

From 492466a86911c61e6e91e127e1856a6b30a646b1 Mon Sep 17 00:00:00 2001
From: GilbN <gilberg@gmail.com>
Date: Tue, 4 Jan 2022 01:02:21 +0100
Subject: [PATCH 12/13] drop support for /CSS and /Resources

---
 themes.py | 38 +++++++++++++++++++-------------------
 1 file changed, 19 insertions(+), 19 deletions(-)

diff --git a/themes.py b/themes.py
index 09cb6709..e96ac7ad 100644
--- a/themes.py
+++ b/themes.py
@@ -114,24 +114,24 @@ def create_json(app_folders: list = None, themes: list = None, community_themes:
         APPS.update(THEMES)
         return dumps(APPS)
 
-def temporary_copy_files():
-    shutil.rmtree("./CSS", ignore_errors=True)
-    shutil.rmtree("./Resources", ignore_errors=True)
-    src_dst = {
-        "./css/base/": "./CSS/themes",
-        "./css/theme-options": "./CSS/variables",
-        "./css/community-theme-options": "./CSS/variables",
-        "./resources/": "./Resources/",
-        "./css/addons/": "./CSS/addons",
-        "./css/defaults/": "./CSS/defaults",
-        "./css/theme-options/organizr.css": "./CSS/variables/organizr-dark.css",
-        "./css/theme-options/organizr.css": "./css/theme-options/organizr-dark.css"
-        }
-    for src in src_dst:
-        if ".css" in src:
-            shutil.copy(src,src_dst[src])
-            continue
-        shutil.copytree(src,src_dst[src],dirs_exist_ok=True)
+# def temporary_copy_files():
+#     shutil.rmtree("./CSS", ignore_errors=True)
+#     shutil.rmtree("./Resources", ignore_errors=True)
+#     src_dst = {
+#         "./css/base/": "./CSS/themes",
+#         "./css/theme-options": "./CSS/variables",
+#         "./css/community-theme-options": "./CSS/variables",
+#         "./resources/": "./Resources/",
+#         "./css/addons/": "./CSS/addons",
+#         "./css/defaults/": "./CSS/defaults",
+#         "./css/theme-options/organizr.css": "./CSS/variables/organizr-dark.css",
+#         "./css/theme-options/organizr.css": "./css/theme-options/organizr-dark.css"
+#         }
+#     for src in src_dst:
+#         if ".css" in src:
+#             shutil.copy(src,src_dst[src])
+#             continue
+#         shutil.copytree(src,src_dst[src],dirs_exist_ok=True)
 
 def create_theme_options():
     def create_css(folder):
@@ -144,7 +144,7 @@ def create_theme_options():
         applications = data["applications"]
     for app in applications:
         for theme in themes:
-            folders = ["./CSS/themes","./css/base"]
+            folders = ["./css/base"]
             for folder in folders:
                 create_css(folder)
 

From c9182ff90015826f52cc2ed8cbb0c7d32b6b0779 Mon Sep 17 00:00:00 2001
From: GilbN <gilberg@gmail.com>
Date: Tue, 4 Jan 2022 01:04:14 +0100
Subject: [PATCH 13/13] themes.py fix

---
 themes.py | 1 -
 1 file changed, 1 deletion(-)

diff --git a/themes.py b/themes.py
index e96ac7ad..4b369a2e 100644
--- a/themes.py
+++ b/themes.py
@@ -160,5 +160,4 @@ if __name__ == "__main__":
     apps = loads(create_json(app_folders=app_folders, themes=themes, community_themes=community_themes))
     with open("themes.json", "w") as outfile:
         dump(apps, outfile, indent=2, sort_keys=True)
-    temporary_copy_files()
     create_theme_options()
\ No newline at end of file