refac: styling

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>

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);
 	}}