From 9c3b1bd90898b1ae50caf63ac0201a705464ffa3 Mon Sep 17 00:00:00 2001
From: redphx <96280+redphx@users.noreply.github.com>
Date: Tue, 10 Dec 2024 20:54:53 +0700
Subject: [PATCH] Change background color of selected options in <select
 multiple>

---
 src/assets/css/root.styl | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/assets/css/root.styl b/src/assets/css/root.styl
index 6df92ad..2bd024a 100755
--- a/src/assets/css/root.styl
+++ b/src/assets/css/root.styl
@@ -140,8 +140,17 @@ div[class^=HUDButton-module__hiddenContainer] ~ div:not([class^=HUDButton-module
     font-family: var(--bx-normal-font) !important;
 }
 
-select[multiple] {
+select[multiple], select[multiple]:focus {
     overflow: auto;
+
+    option {
+        padding: 4px;
+
+        &:checked, {
+            color = var(--bx-primary-button-color);
+            background: color linear-gradient(0deg, color 0%, color 100%);
+        }
+    }
 }
 
 /* Hide UI elements */