From f80ef8bd001d7ef650fb278d6fbd05bea4afad0f Mon Sep 17 00:00:00 2001
From: Timothy Jaeryang Baek <tim@openwebui.com>
Date: Tue, 8 Sep 2026 16:47:01 -0400
Subject: [PATCH] refac

---
 src/lib/components/chat/FileNav/FileEntryRow.svelte   | 6 +++---
 src/lib/components/chat/FileNav/FileNavToolbar.svelte | 4 +---
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/lib/components/chat/FileNav/FileEntryRow.svelte b/src/lib/components/chat/FileNav/FileEntryRow.svelte
index 31c013d610..ee2ca82043 100644
--- a/src/lib/components/chat/FileNav/FileEntryRow.svelte
+++ b/src/lib/components/chat/FileNav/FileEntryRow.svelte
@@ -162,9 +162,9 @@
 <li class="group" data-file-row>
 	<div
 		class="w-full flex items-center transition-colors duration-75
-			{selected ? 'bg-blue-50 dark:bg-blue-500/10' : 'hover:bg-gray-50/40 dark:hover:bg-white/4'}
+			{selected ? 'bg-gray-100 dark:bg-white/8' : 'hover:bg-gray-50/40 dark:hover:bg-white/4'}
 			{dragOverFolder
-			? 'bg-blue-50 dark:bg-blue-500/10 ring-1 ring-blue-400 dark:ring-blue-500 ring-inset'
+			? 'bg-gray-100 dark:bg-white/8 ring-1 ring-black/15 dark:ring-white/15 ring-inset'
 			: ''}"
 		role="presentation"
 		on:dragover={(e) => {
@@ -284,7 +284,7 @@
 				<div
 					class="size-3.5 shrink-0 rounded border transition-colors flex items-center justify-center
 						{selected
-						? 'bg-blue-500 dark:bg-blue-600 border-blue-500 dark:border-blue-600 text-white'
+						? 'bg-gray-900 border-gray-900 text-white dark:bg-gray-200 dark:border-gray-200 dark:text-gray-900'
 						: 'border-gray-300 dark:border-gray-600'}"
 				>
 					{#if selected}
diff --git a/src/lib/components/chat/FileNav/FileNavToolbar.svelte b/src/lib/components/chat/FileNav/FileNavToolbar.svelte
index 0d1cbee369..4d1eb2b2f3 100644
--- a/src/lib/components/chat/FileNav/FileNavToolbar.svelte
+++ b/src/lib/components/chat/FileNav/FileNavToolbar.svelte
@@ -96,9 +96,7 @@
 					{!selectedFile && i === breadcrumbs.length - 1
 					? 'text-gray-700 dark:text-gray-300'
 					: 'text-gray-400 dark:text-gray-500 hover:text-gray-600 dark:hover:text-gray-400'}
-					{dragOverCrumb === i
-					? 'bg-blue-50 dark:bg-blue-900/30 ring-1 ring-blue-400 dark:ring-blue-500'
-					: ''}"
+					{dragOverCrumb === i ? 'bg-gray-100 dark:bg-white/8 ring-1 ring-black/15 dark:ring-white/15' : ''}"
 				on:click={() => onNavigate(crumb.path)}
 				on:dragover={(e) => {
 					if (!writable) return;