From 0ac68f0d4baef709bdadee88842fda80f4c790a8 Mon Sep 17 00:00:00 2001 From: Jinjing <6427696+AmethystLiang@users.noreply.github.com> Date: Mon, 24 Aug 2026 22:42:11 -0700 Subject: [PATCH] Add background color to search button in sidebar (#16130) Applies a subtle background color to the search button to make it more visually distinct. --- src/renderer/src/components/sidebar/SidebarNav.test.tsx | 1 + src/renderer/src/components/sidebar/SidebarNav.tsx | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/src/renderer/src/components/sidebar/SidebarNav.test.tsx b/src/renderer/src/components/sidebar/SidebarNav.test.tsx index 9409649d112..ac4208547a7 100644 --- a/src/renderer/src/components/sidebar/SidebarNav.test.tsx +++ b/src/renderer/src/components/sidebar/SidebarNav.test.tsx @@ -453,6 +453,7 @@ describe('SidebarNav', () => { 'button[aria-label="Search worktrees and browser tabs"]' ) expect(searchButton).not.toBeNull() + expect(searchButton?.className).toContain('bg-worktree-sidebar-foreground/5') const shortcuts = searchButton?.querySelector('span.hidden') expect(shortcuts?.className).toContain('hidden') diff --git a/src/renderer/src/components/sidebar/SidebarNav.tsx b/src/renderer/src/components/sidebar/SidebarNav.tsx index c5827db332d..bdb98ead14f 100644 --- a/src/renderer/src/components/sidebar/SidebarNav.tsx +++ b/src/renderer/src/components/sidebar/SidebarNav.tsx @@ -113,7 +113,7 @@ const SidebarNav = React.memo(function SidebarNav() { 'auto.components.sidebar.SidebarNav.0c3395fd32', 'Search worktrees and browser tabs' )} - className="group flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-[13px] font-medium tracking-tight text-worktree-sidebar-foreground/60 transition-colors hover:bg-worktree-sidebar-foreground/8" + className="group flex w-full items-center gap-2 rounded-md bg-worktree-sidebar-foreground/5 px-2 py-1.5 text-left text-[13px] font-medium tracking-tight text-worktree-sidebar-foreground/60 transition-colors hover:bg-worktree-sidebar-foreground/8" >