From 714ed248fba241661f0523def6ea7d4664c47a14 Mon Sep 17 00:00:00 2001
From: Timothy Jaeryang Baek <tim@openwebui.com>
Date: Thu, 21 Nov 2024 18:05:45 -0800
Subject: [PATCH] refac: styling

---
 src/lib/components/chat/Messages/Citations.svelte       | 6 ++++--
 src/lib/components/chat/Messages/Markdown/Source.svelte | 2 +-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/lib/components/chat/Messages/Citations.svelte b/src/lib/components/chat/Messages/Citations.svelte
index 89b0a10c3..80d0e0279 100644
--- a/src/lib/components/chat/Messages/Citations.svelte
+++ b/src/lib/components/chat/Messages/Citations.svelte
@@ -95,7 +95,7 @@
 				{#each _citations as citation, idx}
 					<button
 						id={`source-${citation.source.name}`}
-						class="no-toggle outline-none flex dark:text-gray-300 p-1 bg-white hover:bg-gray-50 dark:bg-gray-900 dark:hover:bg-gray-850 transition rounded-xl max-w-96"
+						class="no-toggle outline-none flex dark:text-gray-300 p-1 bg-white dark:bg-gray-900 rounded-xl max-w-96"
 						on:click={() => {
 							showCitationModal = true;
 							selectedCitation = citation;
@@ -106,7 +106,9 @@
 								{idx + 1}
 							</div>
 						{/if}
-						<div class="flex-1 mx-1 line-clamp-1 truncate">
+						<div
+							class="flex-1 mx-1 line-clamp-1 truncate text-black/60 hover:text-black dark:text-white/60 dark:hover:text-white transition"
+						>
 							{citation.source.name}
 						</div>
 					</button>
diff --git a/src/lib/components/chat/Messages/Markdown/Source.svelte b/src/lib/components/chat/Messages/Markdown/Source.svelte
index 02b3070bc..dad70c898 100644
--- a/src/lib/components/chat/Messages/Markdown/Source.svelte
+++ b/src/lib/components/chat/Messages/Markdown/Source.svelte
@@ -14,7 +14,7 @@
 </script>
 
 <button
-	class="text-xs font-medium px-2 py-0.5 dark:bg-white/5 dark:text-white/50 dark:hover:text-white bg-gray-50 text-black/60 hover:text-black transition rounded-lg"
+	class="text-xs font-medium px-2 py-0.5 dark:bg-white/5 dark:text-white/60 dark:hover:text-white bg-gray-50 text-black/60 hover:text-black transition rounded-lg"
 	on:click={() => {
 		onClick(id);
 	}}