From 1b64ccbaa082dcbd3703c2c52c9a6d37759724ff Mon Sep 17 00:00:00 2001
From: Timothy Jaeryang Baek <tim@openwebui.com>
Date: Tue, 14 Jul 2026 04:02:28 -0400
Subject: [PATCH] refac

---
 src/lib/components/chat/ChatControls.svelte   |  5 ++--
 .../components/layout/Sidebar/ChatItem.svelte | 24 +++++++++----------
 2 files changed, 14 insertions(+), 15 deletions(-)

diff --git a/src/lib/components/chat/ChatControls.svelte b/src/lib/components/chat/ChatControls.svelte
index 8f547d6b27..f2c105f607 100644
--- a/src/lib/components/chat/ChatControls.svelte
+++ b/src/lib/components/chat/ChatControls.svelte
@@ -416,15 +416,14 @@
 			if (paneReady) showControls.set(false);
 		}}
 		collapsible={true}
-		class="z-10 bg-white dark:bg-gray-850"
+		class="z-10 bg-white dark:bg-gray-900"
 	>
 		{#if $showControls}
 			<div class="flex max-h-full min-h-full">
 				<div
 					class="w-full {specialPanel && !$showCallOverlay
 						? ' '
-						: 'bg-white dark:shadow-lg dark:bg-gray-850'} z-40 pointer-events-auto {activeTab ===
-					'files'
+						: 'bg-white dark:bg-gray-900'} z-40 pointer-events-auto {activeTab === 'files'
 						? ''
 						: 'overflow-y-auto'} scrollbar-hidden"
 					id="controls-container"
diff --git a/src/lib/components/layout/Sidebar/ChatItem.svelte b/src/lib/components/layout/Sidebar/ChatItem.svelte
index 204fd7883e..dfe29986e8 100644
--- a/src/lib/components/layout/Sidebar/ChatItem.svelte
+++ b/src/lib/components/layout/Sidebar/ChatItem.svelte
@@ -457,12 +457,12 @@
 			confirmEdit
 				? ($settings?.highContrastMode ?? false)
 					? 'bg-gray-100 dark:bg-gray-800 selected'
-					: 'bg-gray-100 dark:bg-gray-900 selected'
+					: 'bg-gray-100 dark:bg-gray-800/60 selected'
 				: selected
 					? ($settings?.highContrastMode ?? false)
-						? 'bg-gray-100 dark:bg-gray-900 selected'
-						: 'bg-gray-100 dark:bg-gray-950 selected'
-					: 'group-hover:bg-gray-100 dark:group-hover:bg-gray-950'}  whitespace-nowrap text-ellipsis relative {generating
+						? 'bg-gray-100 dark:bg-gray-800 selected'
+						: 'bg-gray-100 dark:bg-gray-800/60 selected'
+					: 'group-hover:bg-gray-100 dark:group-hover:bg-gray-800/40'}  whitespace-nowrap text-ellipsis relative {generating
 				? 'cursor-not-allowed'
 				: ''}"
 		>
@@ -497,12 +497,12 @@
 			confirmEdit
 				? ($settings?.highContrastMode ?? false)
 					? 'bg-gray-100 dark:bg-gray-800 selected'
-					: 'bg-gray-100 dark:bg-gray-900 selected'
+					: 'bg-gray-100 dark:bg-gray-800/60 selected'
 				: selected
 					? ($settings?.highContrastMode ?? false)
-						? 'bg-gray-100 dark:bg-gray-900 selected'
-						: 'bg-gray-100 dark:bg-gray-950 selected'
-					: ' group-hover:bg-gray-100 dark:group-hover:bg-gray-950'}  whitespace-nowrap text-ellipsis"
+						? 'bg-gray-100 dark:bg-gray-800 selected'
+						: 'bg-gray-100 dark:bg-gray-800/60 selected'
+					: ' group-hover:bg-gray-100 dark:group-hover:bg-gray-800/40'}  whitespace-nowrap text-ellipsis"
 			href="/c/{id}"
 			on:click={() => {
 				dispatch('select');
@@ -586,12 +586,12 @@
         {id === $chatId || confirmEdit
 				? ($settings?.highContrastMode ?? false)
 					? 'from-gray-100 dark:from-gray-800 selected'
-					: 'from-gray-100 dark:from-gray-900 selected'
+					: 'from-gray-100 dark:from-gray-800/60 selected'
 				: selected
 					? ($settings?.highContrastMode ?? false)
-						? 'from-gray-100 dark:from-gray-900 selected'
-						: 'from-gray-100 dark:from-gray-950 selected'
-					: 'invisible group-hover:visible from-gray-100 dark:from-gray-950'}
+						? 'from-gray-100 dark:from-gray-800 selected'
+						: 'from-gray-100 dark:from-gray-800/60 selected'
+					: 'invisible group-hover:visible from-gray-100 dark:from-gray-800/40'}
             absolute {className === 'pr-2'
 				? 'right-[8px]'
 				: 'right-1'} top-[4px] py-1 pr-0.5 mr-1.5 pl-5 bg-linear-to-l from-80%