From f444e4752f2fcb1226ea4fa6b6627ab9cf4f34e6 Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Thu, 29 Feb 2024 13:00:42 +0100
Subject: [PATCH] improve multi-select style

---
 frontend/src/lib/components/ArrayTypeNarrowing.svelte  |  2 ++
 frontend/src/lib/components/LightweightArgInput.svelte |  2 ++
 frontend/src/lib/components/StringTypeNarrowing.svelte | 10 ++++++++--
 frontend/src/lib/components/WorkspaceGroup.svelte      |  1 +
 4 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/frontend/src/lib/components/ArrayTypeNarrowing.svelte b/frontend/src/lib/components/ArrayTypeNarrowing.svelte
index 340b3e2caa..76d238c284 100644
--- a/frontend/src/lib/components/ArrayTypeNarrowing.svelte
+++ b/frontend/src/lib/components/ArrayTypeNarrowing.svelte
@@ -70,6 +70,7 @@
 		</div>
 		<div class="flex flex-row mb-1 mt-2">
 			<Button
+				color="light"
 				variant="border"
 				size="sm"
 				on:click={() => {
@@ -83,6 +84,7 @@
 				<Plus size={14} />
 			</Button>
 			<Button
+				color="light"
 				variant="border"
 				size="sm"
 				btnClasses="ml-2"
diff --git a/frontend/src/lib/components/LightweightArgInput.svelte b/frontend/src/lib/components/LightweightArgInput.svelte
index c9def2458d..29653d2005 100644
--- a/frontend/src/lib/components/LightweightArgInput.svelte
+++ b/frontend/src/lib/components/LightweightArgInput.svelte
@@ -240,6 +240,7 @@
 					{#if Array.isArray(itemsType?.multiselect) && Array.isArray(value)}
 						<div class="items-start">
 							<Multiselect
+								ulOptionsClass={'!bg-surface-secondary'}
 								bind:selected={value}
 								options={itemsType?.multiselect ?? []}
 								selectedOptionsDraggable={true}
@@ -248,6 +249,7 @@
 					{:else if Array.isArray(itemsType?.enum) && Array.isArray(value)}
 						<div class="items-start">
 							<Multiselect
+								ulOptionsClass={'!bg-surface-secondary'}
 								bind:selected={value}
 								options={itemsType?.enum ?? []}
 								selectedOptionsDraggable={true}
diff --git a/frontend/src/lib/components/StringTypeNarrowing.svelte b/frontend/src/lib/components/StringTypeNarrowing.svelte
index aeafc804a2..e1df15944b 100644
--- a/frontend/src/lib/components/StringTypeNarrowing.svelte
+++ b/frontend/src/lib/components/StringTypeNarrowing.svelte
@@ -164,8 +164,14 @@
 			{/each}
 		</div>
 		<div class="flex flex-row my-1">
-			<Button size="sm" on:click={add}>+</Button>
-			<Button variant="border" size="sm" btnClasses="ml-2" on:click={() => (enum_ = undefined)}>
+			<Button color="light" size="sm" on:click={add}>+</Button>
+			<Button
+				color="light"
+				variant="border"
+				size="sm"
+				btnClasses="ml-2"
+				on:click={() => (enum_ = undefined)}
+			>
 				Clear
 			</Button>
 		</div>
diff --git a/frontend/src/lib/components/WorkspaceGroup.svelte b/frontend/src/lib/components/WorkspaceGroup.svelte
index 529571950a..260ad65dd1 100644
--- a/frontend/src/lib/components/WorkspaceGroup.svelte
+++ b/frontend/src/lib/components/WorkspaceGroup.svelte
@@ -386,6 +386,7 @@
 										}}
 										options={nconfig?.worker_tags}
 										selectedOptionsDraggable={false}
+										ulOptionsClass={'!bg-surface-secondary'}
 										placeholder="High priority tags"
 									/>
 								</Label>