fix searchbox

src/lib/components/layout/Sidebar.svelte

@@ -132,7 +132,7 @@
 		{/if}
 
 		<div class="px-2.5 mt-1 mb-2 flex justify-center space-x-2">
-			<div class="flex w-full">
+			<div class="flex w-full" id="chat-search">
 				<div class="self-center pl-3 py-2 rounded-l bg-gray-950">
 					<svg
 						xmlns="http://www.w3.org/2000/svg"
@@ -149,7 +149,6 @@
 				</div>
 
 				<input
-					id="chat-search-input"
 					class="w-full rounded-r py-1.5 pl-2.5 pr-4 text-sm text-gray-300 bg-gray-950 outline-none"
 					placeholder="Search"
 					bind:value={search}

static/themes/rosepine-dawn.css

@@ -35,13 +35,13 @@
 }
 
 .rose-pine-dawn .text-white.bg-gray-100.dark\:text-gray-800.dark\:bg-gray-600.disabled.transition.rounded-lg.p-1.mr-0\.5.w-7.h-7.self-center {
-    background-color: #6e6a86;
-    transition: background 0.2s ease-out linear;
+    background-color: #cecacd;
+    transition: background-color 0.2s ease-out linear;
 }
 
 .rose-pine-dawn .bg-black.text-white.hover\:bg-gray-900.dark\:bg-white.dark\:text-black.dark\:hover\:bg-gray-100.transition.rounded-lg.p-1.mr-0\.5.w-7.h-7.self-center {
     background-color: #286983;
-    transition: background 0.2s ease-out linear;
+    transition: background-color 0.2s ease-out linear;
 }
 
 .rose-pine-dawn .bg-black.text-white.hover\:bg-gray-900.dark\:bg-white.dark\:text-black.dark\:hover\:bg-gray-100.transition.rounded-lg.p-1.mr-0\.5.w-7.h-7.self-center>* {
@@ -115,6 +115,10 @@
     background-color: #56949f;
 }
 
+#chat-search > * {
+	background-color: #dfdad9 !important;
+}
+
 .rose-pine-dawn .svelte-1ee93ns {
     --primary: #b4637a !important;
     --secondary: #fffaf3 !important;

static/themes/rosepine.css

@@ -37,13 +37,13 @@
 .rose-pine
 	.text-white.bg-gray-100.dark\:text-gray-800.dark\:bg-gray-600.disabled.transition.rounded-lg.p-1.mr-0\.5.w-7.h-7.self-center {
 	background-color: #6e6a86;
-	transition: background 0.2s ease-out linear;
+	transition: background-color 0.2s ease-out linear;
 }
 
 .rose-pine
 	.bg-black.text-white.hover\:bg-gray-900.dark\:bg-white.dark\:text-black.dark\:hover\:bg-gray-100.transition.rounded-lg.p-1.mr-0\.5.w-7.h-7.self-center {
 	background-color: #286983;
-	transition: background 0.2s ease-out linear;
+	transition: background-color 0.2s ease-out linear;
 }
 
 .rose-pine
@@ -112,6 +112,10 @@
     background-color: #31748f;
 }
 
+#chat-search > * {
+	background-color: #403d52 !important;
+}
+
 .rose-pine .svelte-1ee93ns {
 	--primary: #eb6f92 !important;
 	--secondary: #e0def4 !important;