dark mode

src/lib/components/model/SettingsModel.svelte

@@ -70,9 +70,11 @@
 			<Dialog.Title>Model Settings</Dialog.Title>
 			<Dialog.Description>Manage your model settings.</Dialog.Description>
 		</Dialog.Header>
-		<section class="flex min-h-0 items-stretch justify-start overflow-hidden lg:max-h-[50vh]">
+		<section
+			class="flex min-h-0 items-stretch justify-start overflow-hidden lg:max-h-[50vh] lg:min-h-[50vh]"
+		>
 			<aside
-				class="flex min-h-0 max-w-64 min-w-64 flex-1 flex-col overflow-hidden overflow-y-auto border-r border-border bg-accent p-3.5 max-lg:hidden"
+				class="flex min-h-0 max-w-64 min-w-64 flex-1 flex-col overflow-hidden overflow-y-auto border-r border-border bg-accent p-3.5 max-lg:hidden dark:bg-gray-900/50"
 			>
 				<div class="min-h-0 flex-1">
 					<Input
@@ -97,8 +99,8 @@
 						{#each modelsFiltered as mdl}
 							<button
 								class="{mdl.id === model?.id
-									? 'from-blue-500/20 to-blue-500/5 hover:from-blue-500/20! hover:to-blue-500/5!'
-									: ''} flex w-full cursor-pointer items-center gap-2 rounded-md bg-linear-to-r from-accent to-accent px-2.5 py-2 text-left text-xs transition-all duration-300 hover:from-accent-foreground/10 hover:to-accent-foreground/0"
+									? 'from-blue-500/20 to-blue-500/5 dark:from-blue-500/50 dark:to-blue-500/20'
+									: 'hover:from-accent-foreground/10 hover:to-accent-foreground/0 dark:hover:from-blue-500/20! dark:hover:to-blue-500/5!'} flex w-full cursor-pointer items-center gap-2 rounded-md bg-linear-to-r from-transparent to-transparent px-2.5 py-2 text-left text-xs transition-all duration-300"
 								onclick={() => (model = mdl)}
 							>
 								<img
@@ -120,7 +122,7 @@
 			<article class="min-h-0 flex-1 overflow-y-auto">
 				{#if model}
 					<header
-						class="mb-4 flex items-center justify-between gap-3 border-b border-border bg-white px-4 py-3"
+						class="mb-4 flex items-center justify-between gap-3 border-b border-border bg-white px-4 py-3 dark:bg-gray-900/50"
 					>
 						<div class="flex items-center justify-start gap-3">
 							<img