From 24beeaa26cc2f594c085e425c817ffb583af3d74 Mon Sep 17 00:00:00 2001
From: GilbN <gilberg@gmail.com>
Date: Sat, 30 Apr 2022 11:09:20 +0200
Subject: [PATCH] fix: :lipstick: Remove hardcode select bg

---
 css/base/adguard/adguard-base.css         |  8 ++++----
 css/base/bazarr/bazarr-base.css           |  6 +++---
 css/base/bitwarden/bitwarden-base.css     |  4 ++--
 css/base/duplicati/duplicati-base.css     |  2 +-
 css/base/filebrowser/filebrowser-base.css |  2 +-
 css/base/jackett/jackett-base.css         |  4 ++--
 css/base/mylar3/mylar3-base.css           |  2 +-
 css/base/organizr/organizr-base.css       |  4 ++--
 css/base/overseerr/overseerr-base.css     |  2 +-
 css/base/portainer/portainer-base.css     |  2 +-
 css/base/rutorrent/rutorrent-base.css     |  4 ++--
 css/base/sabnzbd/sabnzbd-base.css         |  6 +++---
 css/base/uptime-kuma/uptime-kuma-base.css |  2 +-
 css/base/vuetorrent/vuetorrent-base.css   | 11 ++---------
 css/base/xbackbone/xbackbone-base.css     |  2 +-
 css/defaults/servarr-base.css             |  2 +-
 16 files changed, 28 insertions(+), 35 deletions(-)

diff --git a/css/base/adguard/adguard-base.css b/css/base/adguard/adguard-base.css
index e87ce6bb..4c2944a5 100644
--- a/css/base/adguard/adguard-base.css
+++ b/css/base/adguard/adguard-base.css
@@ -532,7 +532,7 @@ h6,
 
 .custom-select:focus {
     color: var(--text-hover);
-    background: #1f1f1f url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxMCA1Jz48cGF0aCBmaWxsPScjOTk5JyBkPSdNMCAwTDEwIDBMNSA1TDAgMCcvPjwvc3ZnPg==") no-repeat right 0.75rem center;
+    background: var(--drop-down-menu-bg) url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxMCA1Jz48cGF0aCBmaWxsPScjOTk5JyBkPSdNMCAwTDEwIDBMNSA1TDAgMCcvPjwvc3ZnPg==") no-repeat right 0.75rem center;
     background-size: 8px 10px;
     border: 1px solid rgba(255, 255, 255, 0.2);
 
@@ -541,7 +541,7 @@ h6,
 select.form-control.select:focus,
 select:focus {
     color: var(--text-hover);
-    background: #1f1f1f !important;
+    background: var(--drop-down-menu-bg) !important;
 }
 
 .icon--selected {
@@ -634,7 +634,7 @@ select:focus {
     }
 
     .dropdown-menu {
-        background: #1f1f1f !important;
+        background: var(--drop-down-menu-bg) !important;
     }
 
     .ReactModal__Content {
@@ -656,6 +656,6 @@ select:focus {
     }
 
     .dropdown-menu {
-        background: #1f1f1f !important;
+        background: var(--drop-down-menu-bg) !important;
     }
 }
\ No newline at end of file
diff --git a/css/base/bazarr/bazarr-base.css b/css/base/bazarr/bazarr-base.css
index 34dfa18f..4fe9f307 100644
--- a/css/base/bazarr/bazarr-base.css
+++ b/css/base/bazarr/bazarr-base.css
@@ -421,7 +421,7 @@ hr {
 }
 
 .popover {
-    background-color: #1f1f1f;
+    background-color: var(--drop-down-menu-bg);
     border: 1px solid var(--transparency-light-20);
 }
 
@@ -431,7 +431,7 @@ hr {
 }
 
 .popover-header {
-    background-color: #1f1f1f;
+    background-color: var(--drop-down-menu-bg);
     border-bottom: 1px solid var(--transparency-light-10);
 
 }
@@ -797,7 +797,7 @@ input {
 
 /* RECHARTS */
 .recharts-default-tooltip {
-    background: #1f1f1f !important;
+    background: var(--drop-down-menu-bg) !important;
     border: transparent !important;
 }
 
diff --git a/css/base/bitwarden/bitwarden-base.css b/css/base/bitwarden/bitwarden-base.css
index 1942df0e..d64b1e99 100644
--- a/css/base/bitwarden/bitwarden-base.css
+++ b/css/base/bitwarden/bitwarden-base.css
@@ -296,7 +296,7 @@ html[class*="theme_"] .form-control:disabled,
 }
 
 select:focus {
-    background: #1f1f1f !important;
+    background: var(--drop-down-menu-bg) !important;
 }
 
 /* DROPDOWN MENU */
@@ -319,7 +319,7 @@ html[class*="theme_"] .navbar .dropdown-menu .dropdown-item-text {
 
 html[class*="theme_"] .dropdown-menu,
 html[class*="theme_"] .dropdown-item {
-    background: #1f1f1f;
+    background: var(--drop-down-menu-bg);
     color: var(--text-hover);
 }
 
diff --git a/css/base/duplicati/duplicati-base.css b/css/base/duplicati/duplicati-base.css
index 3bc31a39..0652bbaf 100644
--- a/css/base/duplicati/duplicati-base.css
+++ b/css/base/duplicati/duplicati-base.css
@@ -167,7 +167,7 @@ form.styled textarea:focus {
 select:focus,
 form.styled select:focus,
 form.styled .input.select select:focus {
-    background: #1f1f1f;
+    background: var(--drop-down-menu-bg);
     color: var(--text-hover);
     border: none;
 
diff --git a/css/base/filebrowser/filebrowser-base.css b/css/base/filebrowser/filebrowser-base.css
index 336962d8..561f911f 100644
--- a/css/base/filebrowser/filebrowser-base.css
+++ b/css/base/filebrowser/filebrowser-base.css
@@ -283,7 +283,7 @@ svg {
 }
 
 select>option {
-    background: #1f1f1f;
+    background: var(--drop-down-menu-bg);
 }
 
 #search #input {
diff --git a/css/base/jackett/jackett-base.css b/css/base/jackett/jackett-base.css
index bc8f42eb..dc1e2d7d 100644
--- a/css/base/jackett/jackett-base.css
+++ b/css/base/jackett/jackett-base.css
@@ -222,9 +222,9 @@ select {
 }
 
 select:focus {
-    background: #1f1f1f !important;
+    background: var(--drop-down-menu-bg) !important;
     color: var(--text) !important;
-    border: 1px solid #1f1f1f !important;
+    border: 1px solid var(--drop-down-menu-bg) !important;
     -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
 }
 
diff --git a/css/base/mylar3/mylar3-base.css b/css/base/mylar3/mylar3-base.css
index bbf5687b..3b2bc81e 100644
--- a/css/base/mylar3/mylar3-base.css
+++ b/css/base/mylar3/mylar3-base.css
@@ -551,7 +551,7 @@ select {
 }
 
 select:focus {
-    background: #1f1f1f;
+    background: var(--drop-down-menu-bg);
     color: var(--text);
 }
 
diff --git a/css/base/organizr/organizr-base.css b/css/base/organizr/organizr-base.css
index 93f240a2..2726f401 100644
--- a/css/base/organizr/organizr-base.css
+++ b/css/base/organizr/organizr-base.css
@@ -315,7 +315,7 @@ h6 {
 /* forms */
 select.form-control:focus {
     box-shadow: none;
-    background: #1f1f1f;
+    background: var(--drop-down-menu-bg);
     border: 1px solid rgba(120, 130, 140, 0.4);
 }
 
@@ -2255,7 +2255,7 @@ fieldset[disabled] .form-control {
 
 .fc-unthemed .fc-divider,
 .fc-unthemed .fc-popover .fc-header {
-    background: #1f1f1f;
+    background: var(--drop-down-menu-bg);
 }
 
 .table-hover>tbody>tr:hover,
diff --git a/css/base/overseerr/overseerr-base.css b/css/base/overseerr/overseerr-base.css
index bcabaaa9..d12d00cc 100644
--- a/css/base/overseerr/overseerr-base.css
+++ b/css/base/overseerr/overseerr-base.css
@@ -179,7 +179,7 @@ label {
 }
 
 select:focus {
-    background: #1f1f1f;
+    background: var(--drop-down-menu-bg);
 }
 
 
diff --git a/css/base/portainer/portainer-base.css b/css/base/portainer/portainer-base.css
index c5ae15e0..f318b5b8 100644
--- a/css/base/portainer/portainer-base.css
+++ b/css/base/portainer/portainer-base.css
@@ -443,7 +443,7 @@ fieldset[disabled] .btn-primary:hover {
 /* FORM CONTROL */
 
 select:focus, select.form-control:focus {
-    background: #1f1f1f !important;
+    background: var(--drop-down-menu-bg) !important;
 }
 
 .form-control {
diff --git a/css/base/rutorrent/rutorrent-base.css b/css/base/rutorrent/rutorrent-base.css
index 1ad02b5c..427b72b3 100644
--- a/css/base/rutorrent/rutorrent-base.css
+++ b/css/base/rutorrent/rutorrent-base.css
@@ -374,9 +374,9 @@ div#t div#go:hover {
 
 div select {
     -webkit-appearance: none !important;
-    background: #1f1f1f url(/resources/rutorrent/dropdown.png) no-repeat 0 0;
+    background: var(--drop-down-menu-bg) url(/resources/rutorrent/dropdown.png) no-repeat 0 0;
     background-position: right;
-    border: 1px solid #1f1f1f;
+    border: 1px solid var(--drop-down-menu-bg);
     padding-right: 15px !important;
 }
 
diff --git a/css/base/sabnzbd/sabnzbd-base.css b/css/base/sabnzbd/sabnzbd-base.css
index 364203b9..2a42f217 100644
--- a/css/base/sabnzbd/sabnzbd-base.css
+++ b/css/base/sabnzbd/sabnzbd-base.css
@@ -509,7 +509,7 @@ td.delete .dropdown>a .caret {
 }
 
 tbody.no-downloads tr td {
-  border-bottom: 1px solid #1f1f1f !important;
+  border-bottom: 1px solid var(--drop-down-menu-bg) !important;
 }
 
 tbody>tr>td:last-child {
@@ -967,13 +967,13 @@ input[type="date"]::-webkit-calendar-picker-indicator {
 
 input[disabled],
 select[disabled] {
-  background-color: #1f1f1f;
+  background-color: var(--drop-down-menu-bg);
   opacity: .5;
 }
 
 input[disabled]:hover,
 select[disabled]:hover {
-  background-color: #1f1f1f;
+  background-color: var(--drop-down-menu-bg);
   opacity: .5;
 }
 
diff --git a/css/base/uptime-kuma/uptime-kuma-base.css b/css/base/uptime-kuma/uptime-kuma-base.css
index 16a5bc7b..bd158e29 100644
--- a/css/base/uptime-kuma/uptime-kuma-base.css
+++ b/css/base/uptime-kuma/uptime-kuma-base.css
@@ -278,7 +278,7 @@ td {
 .dark .form-control:focus,
 .form-select:focus,
 .form-control:focus {
-    background: #1f1f1f;
+    background: var(--drop-down-menu-bg);
     box-shadow: 0 0 0 0.25rem rgba(var(--accent-color), 0.25);
     border-color: rgba(var(--accent-color), 0.25);
 }
diff --git a/css/base/vuetorrent/vuetorrent-base.css b/css/base/vuetorrent/vuetorrent-base.css
index c247e8ba..70bf4dd1 100644
--- a/css/base/vuetorrent/vuetorrent-base.css
+++ b/css/base/vuetorrent/vuetorrent-base.css
@@ -45,7 +45,7 @@ body,
 
 html {
     color: var(--text);
-    background: #1f1f1f !important;
+    background: var(--drop-down-menu-bg) !important;
 }
 
 /* SCROLL BAR */
@@ -422,14 +422,7 @@ button>.v-btn--is-elevated .v-btn--has-bg.v-icon__svg {
 }
 
 .v-menu__content [class*="theme--"][class*="theme--"].v-list {
-    background: var(--modal-bg-color) !important;
-    background-repeat: repeat, no-repeat;
-    background-attachment: fixed, fixed;
-    background-position: center center, center center;
-    background-size: auto, cover;
-    -webkit-background-size: auto, cover;
-    -moz-background-size: auto, cover;
-    -o-background-size: auto, cover;
+    background: var(--drop-down-menu-bg)
 }
 
 [class*="theme--"].v-icon {
diff --git a/css/base/xbackbone/xbackbone-base.css b/css/base/xbackbone/xbackbone-base.css
index 8619cf70..ceda8e74 100644
--- a/css/base/xbackbone/xbackbone-base.css
+++ b/css/base/xbackbone/xbackbone-base.css
@@ -340,7 +340,7 @@ a:hover {
 
 .form-control:focus {
     color: var(--text-hover);
-    background: #1f1f1f;
+    background: var(--drop-down-menu-bg);
     border-color: rgba(255, 255, 255, .15);
     outline: 0;
     box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0);
diff --git a/css/defaults/servarr-base.css b/css/defaults/servarr-base.css
index 7889402b..3c122147 100644
--- a/css/defaults/servarr-base.css
+++ b/css/defaults/servarr-base.css
@@ -328,7 +328,7 @@ a:hover {
 [class*="Tooltip-body-"],
 [class*="Tooltip-tooltipContainer-"],
 [class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
-    background: #1f1f1f;
+    background: var(--drop-down-menu-bg);
     color: #eee;
 }