diff --git a/frontend/src/lib/components/ui/button/index.ts b/frontend/src/lib/components/ui/button/index.ts
index a927293..9d3d129 100644
--- a/frontend/src/lib/components/ui/button/index.ts
+++ b/frontend/src/lib/components/ui/button/index.ts
@@ -9,7 +9,7 @@ const buttonVariants = tv({
 			default: "bg-primary text-primary-foreground hover:bg-primary/90",
 			destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
 			outline:
-				"border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+				"border border-input dark:bg-background bg-neutral-700 hover:bg-accent hover:text-accent-foreground",
 			secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
 			ghost: "hover:bg-accent hover:text-accent-foreground",
 			link: "text-primary underline-offset-4 hover:underline",
diff --git a/frontend/src/lib/components/ui/input/input.svelte b/frontend/src/lib/components/ui/input/input.svelte
index da5c2c9..3945c9f 100644
--- a/frontend/src/lib/components/ui/input/input.svelte
+++ b/frontend/src/lib/components/ui/input/input.svelte
@@ -13,7 +13,7 @@
 
 <input
 	class={cn(
-		"flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+		"flex h-10 w-full rounded-md border border-input dark:bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-neutral-800 dark:placeholder:text-muted-foreground text-black disabled:text-neutral-300 dark:text-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
 		className
 	)}
 	bind:value
diff --git a/frontend/src/windows/main/pages/Settings/Panel.svelte b/frontend/src/windows/main/pages/Settings/Panel.svelte
index 354b120..049e53e 100644
--- a/frontend/src/windows/main/pages/Settings/Panel.svelte
+++ b/frontend/src/windows/main/pages/Settings/Panel.svelte
@@ -101,16 +101,16 @@
 							<Switch class="ml-auto mr-4" bind:checked={sections[section.id][inter.id]} />
 						{:else if inter.options.type === "string"}
 							<Input
-								class="dark:bg-neutral-900 bg-neutral-50 text-center border-none w-[250px] ml-auto mr-4 font-sans"
+								class="dark:bg-neutral-900 bg-neutral-300 text-center border-none w-[250px] ml-auto mr-4 font-sans"
 								bind:value={sections[section.id][inter.id]}
 								placeholder={inter.options.default}
 							/>
 						{:else if inter.options.type === "dropdown"}
 							<Select.Root items={inter.options.list} bind:selected={sections[section.id][inter.id]}>
 								<Select.Trigger class="w-[180px] dark:bg-neutral-900 bg-neutral-300 ml-auto mr-4 border-none">
-									<Select.Value placeholder={inter.options.default.label} />
+									<Select.Value class="text-black dark:text-white" placeholder={inter.options.default.label} />
 								</Select.Trigger>
-								<Select.Content class="bg-gray-900 grayscale border-none text-white">
+								<Select.Content class="dark:bg-gray-900 bg-neutral-200 grayscale border-none dark:text-white text-black">
 									<Select.Group>
 										{#each inter.options.list || [] as item}
 											<Select.Item value={item} label={item.label}>{item.label}</Select.Item>