improve multi-select style

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"

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}

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>

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>