refac: styling

src/lib/components/chat/Controls/Controls.svelte

@@ -56,7 +56,7 @@
 				</div>
 			</Collapsible>
 
-			<hr class="my-2 border-gray-100 dark:border-gray-800" />
+			<hr class="my-2 border-gray-50 dark:border-gray-850" />
 		{/if}
 
 		<Collapsible title={$i18n.t('Valves')}>
@@ -65,20 +65,20 @@
 			</div>
 		</Collapsible>
 
-		<hr class="my-2 border-gray-100 dark:border-gray-800" />
+		<hr class="my-2 border-gray-50 dark:border-gray-850" />
 
 		<Collapsible title={$i18n.t('System Prompt')} open={true}>
 			<div class=" mt-1.5" slot="content">
 				<textarea
 					bind:value={params.system}
-					class="w-full rounded-lg px-3.5 py-2.5 text-sm dark:text-gray-300 dark:bg-gray-850 border border-gray-100 dark:border-gray-800 outline-none resize-none"
+					class="w-full rounded-lg px-3.5 py-2.5 text-sm dark:text-gray-300 dark:bg-gray-850 border border-gray-50 dark:border-gray-850 outline-none resize-none"
 					rows="4"
 					placeholder={$i18n.t('Enter system prompt')}
 				/>
 			</div>
 		</Collapsible>
 
-		<hr class="my-2 border-gray-100 dark:border-gray-800" />
+		<hr class="my-2 border-gray-50 dark:border-gray-850" />
 
 		<Collapsible title={$i18n.t('Advanced Params')} open={true}>
 			<div class="text-sm mt-1.5" slot="content">

src/lib/components/layout/Navbar.svelte

@@ -47,12 +47,12 @@
 		class=" bg-gradient-to-b via-50% from-white via-white to-transparent dark:from-gray-900 dark:via-gray-900 dark:to-transparent pointer-events-none absolute inset-0 -bottom-7 z-[-1] blur"
 	></div>
 
-	<div class=" flex max-w-full w-full mx-auto px-2 pt-0.5 md:px-[1rem] bg-transparent">
+	<div class=" flex max-w-full w-full mx-auto px-2 pt-0.5 bg-transparent">
 		<div class="flex items-center w-full max-w-full">
 			<div
 				class="{$showSidebar
 					? 'md:hidden'
-					: ''} mr-3 self-start flex flex-none items-center text-gray-600 dark:text-gray-400"
+					: ''} mr-2 self-start flex flex-none items-center text-gray-600 dark:text-gray-400"
 			>
 				<button
 					id="sidebar-toggle-button"