Improve styles for multi-select values #670.

turbot · Jan 14, 2025 · e0ed8f3 · e0ed8f3
1 parent fb6970a
commit e0ed8f3
Showing 1 changed file with 28 additions and 0 deletions.
diff --git a/ui/dashboard/src/components/dashboards/inputs/common/useSelectInputStyles.ts b/ui/dashboard/src/components/dashboards/inputs/common/useSelectInputStyles.ts
@@ -50,6 +50,34 @@ const useSelectInputStyles = () => {
         color: foreground,
       };
     },
+    multiValue: (provided) => {
+      return {
+        ...provided,
+        background,
+        color: foreground,
+      };
+    },
+    multiValueContainer: (provided) => {
+      return {
+        ...provided,
+        background,
+        color: foreground,
+      };
+    },
+    multiValueRemove: (provided) => {
+      return {
+        ...provided,
+        background,
+        color: foreground,
+      };
+    },
+    multiValueLabel: (provided) => {
+      return {
+        ...provided,
+        background,
+        color: foreground,
+      };
+    },
     menu: (provided) => {
       return {
         ...provided,