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

---
 src/lib/components/layout/Sidebar.svelte      |  2 +-
 .../components/layout/Sidebar/ChatItem.svelte | 24 +++++++++----------
 2 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/lib/components/layout/Sidebar.svelte b/src/lib/components/layout/Sidebar.svelte
index 2ace57086e..0b0f620253 100644
--- a/src/lib/components/layout/Sidebar.svelte
+++ b/src/lib/components/layout/Sidebar.svelte
@@ -1026,7 +1026,7 @@
 		data-state={$showSidebar}
 	>
 		<div
-			class=" my-auto flex flex-col justify-between h-screen max-h-[100dvh] w-[var(--sidebar-width)] overflow-x-hidden scrollbar-hidden z-50 {$showSidebar
+			class=" my-auto flex flex-col justify-between h-screen max-h-[100dvh] w-[var(--sidebar-width)] overflow-x-hidden scrollbar-hidden z-50 border-e border-gray-50 dark:border-gray-850/30 {$showSidebar
 				? ''
 				: 'invisible'}"
 		>
diff --git a/src/lib/components/layout/Sidebar/ChatItem.svelte b/src/lib/components/layout/Sidebar/ChatItem.svelte
index dfe29986e8..204fd7883e 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-800/60 selected'
+					: 'bg-gray-100 dark:bg-gray-900 selected'
 				: selected
 					? ($settings?.highContrastMode ?? false)
-						? '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
+						? '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
 				? '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-800/60 selected'
+					: 'bg-gray-100 dark:bg-gray-900 selected'
 				: selected
 					? ($settings?.highContrastMode ?? false)
-						? '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"
+						? '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"
 			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-800/60 selected'
+					: 'from-gray-100 dark:from-gray-900 selected'
 				: selected
 					? ($settings?.highContrastMode ?? false)
-						? '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'}
+						? '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'}
             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%