fix: 🐛 *Arr: Fixes for wierd gradient rendering on chrome 99

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;
@@ -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;
+    -o-background-size: auto, cover;  
-    color: var(--text);
 }
 
 [class*="MenuContent-scroller-"] {

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;
+    -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;
@@ -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;
+    -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;
@@ -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;
+    -o-background-size: auto, cover;  
-    color: var(--text);
 }
 
 [class*="MenuContent-scroller-"] {

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;
+    -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;
@@ -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);
 }