improve contrast of inputs

src/components/BinaryInput.tsx

@@ -71,13 +71,13 @@ export const BinaryInput: React.FC<{
       {(input) => (
         <div
           className={twMerge(
-            "px-4 py-2 border border-slate-500 leading-tight text-white focus-within:outline focus-within:outline-1 flex items-center gap-2",
+            "px-4 py-2 border border-border rounded leading-tight focus-within:outline focus-within:outline-1 flex items-center gap-2 bg-input",
             warn ? "border-orange-400" : null,
             uploadError ? "border-red-600" : null,
           )}
         >
           {input}
-          <label title="Load from file" className="text-slate-200">
+          <label title="Load from file" className="text-foreground/80">
             <FileUp size={16} />
             <BinaryFileInput
               validate={validateFile}

src/components/Select.tsx

@@ -29,7 +29,7 @@ export const SearchableSelect = <T,>({
           variant="outline"
           role="combobox"
           aria-expanded={open}
-          className="flex w-52 justify-between overflow-hidden"
+          className="flex w-52 justify-between overflow-hidden bg-input border border-border"
         >
           {value ? (
             <span className="text-ellipsis overflow-hidden">

src/components/TextInputField.tsx

@@ -27,7 +27,7 @@ export const TextInputField: FC<{
       {children(
         <input
           className={twMerge(
-            "px-4 py-2 border border-slate-500 leading-tight text-white",
+            "px-4 py-2 border border-border leading-tight text-foreground",
             warn ? "border-orange-400" : null,
             error ? "border-red-600" : null,
             className,