styling nits

frontend/src/lib/assets/app.css

@@ -10,6 +10,17 @@
 		@apply dark:border-gray-600;
 	}
 
+	input::-webkit-outer-spin-button,
+	input::-webkit-inner-spin-button {
+		-webkit-appearance: none !important;
+		margin: 0;
+	}
+
+	/* Firefox */
+	input[type='number'] {
+		-moz-appearance: textfield !important;
+	}
+
 	@font-face {
 		font-family: 'Inter';
 		src: url('/Inter-Variable.ttf');
@@ -54,7 +65,6 @@
 		border-bottom-width: 0px !important;
 	}
 
-
 	.monaco-editor textarea:focus {
 		box-shadow: none !important;
 	}

frontend/src/lib/components/ArgEnum.svelte

@@ -46,12 +46,12 @@
 
 {#if !disabled}
 	<button
-		class="min-w-min !px-2 items-center text-gray-800 bg-gray-100 border rounded center-center hover:bg-gray-300 transition-all cursor-pointer"
+		class="min-w-min !px-2 items-center text-gray-800 bg-surface-secondary border rounded center-center hover:bg-gray-300 transition-all cursor-pointer"
 		on:click={() => {
 			customValue = !customValue
 		}}
 		title="Custom Value"
 	>
-		<Pen size={14} />
+		<Pen class="text-tertiary" size={14} />
 	</button>
 {/if}

frontend/src/lib/components/ArgInput.svelte

@@ -470,14 +470,14 @@
 							{#if !disabled && itemPicker}
 								<!-- svelte-ignore a11y-click-events-have-key-events -->
 								<button
-									class="absolute right-1 top-1 py-1 min-w-min !px-2 items-center text-gray-800 bg-gray-100 border rounded center-center hover:bg-gray-300 transition-all cursor-pointer"
+									class="absolute right-1 top-1 py-1 min-w-min !px-2 items-center text-gray-800 bg-surface-secondary border rounded center-center hover:bg-gray-300 transition-all cursor-pointer"
 									on:click={() => {
 										pickForField = label
 										itemPicker?.openDrawer?.()
 									}}
 									title="Insert a Variable"
 								>
-									<DollarSign size={14} />
+									<DollarSign class="!text-tertiary" size={14} />
 								</button>
 							{/if}
 						{/if}

frontend/src/routes/(root)/(logged)/scripts/get/[...hash]/+page.svelte

@@ -479,7 +479,7 @@
 						<span class="text-sm text-secondary">
 							Edited <TimeAgo date={script.created_at || ''} /> by {script.created_by || 'unknown'}
 						</span>
-						<Badge small color="dark-blue">
+						<Badge small color="gray">
 							{truncateHash(script?.hash ?? '')}
 						</Badge>
 						{#if script?.is_template}