From 2113c8bed00bcdd5a29c40ec48a8db75d4dd778a Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Mon, 1 Jan 2024 19:50:56 -0800
Subject: [PATCH] fix searchbox

---
 src/lib/components/layout/Sidebar.svelte |  3 +--
 static/themes/rosepine-dawn.css          | 10 +++++++---
 static/themes/rosepine.css               |  8 ++++++--
 3 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/src/lib/components/layout/Sidebar.svelte b/src/lib/components/layout/Sidebar.svelte
index 352ead75f..76bdf7e59 100644
--- a/src/lib/components/layout/Sidebar.svelte
+++ b/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}
diff --git a/static/themes/rosepine-dawn.css b/static/themes/rosepine-dawn.css
index ed44db3e3..4265321ce 100644
--- a/static/themes/rosepine-dawn.css
+++ b/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;
diff --git a/static/themes/rosepine.css b/static/themes/rosepine.css
index 2f4acd03a..b2202e65a 100644
--- a/static/themes/rosepine.css
+++ b/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;