From b82b16b5f6ee0f2e1c6852f87476dcdd03762d57 Mon Sep 17 00:00:00 2001
From: icarus <eurfelux@gmail.com>
Date: Fri, 26 Sep 2025 05:01:06 +0800
Subject: [PATCH] style(ui): update button hover background color to use CSS
 variable

Consistent hover state styling across components by using --color-list-item variable instead of accent color
---
 src/renderer/src/pages/home/Tabs/components/Agents.tsx     | 2 +-
 src/renderer/src/pages/home/Tabs/components/Assistants.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/renderer/src/pages/home/Tabs/components/Agents.tsx b/src/renderer/src/pages/home/Tabs/components/Agents.tsx
index 406d7837fc..07154aed41 100644
--- a/src/renderer/src/pages/home/Tabs/components/Agents.tsx
+++ b/src/renderer/src/pages/home/Tabs/components/Agents.tsx
@@ -60,7 +60,7 @@ export const Agents: FC<AssistantsTabProps> = () => {
             <Button
               onPress={(e) => e.continuePropagation()}
               startContent={<Plus size={16} className="mr-1 shrink-0 translate-x-[-2px]" />}
-              className="w-full justify-start bg-transparent text-foreground-500 hover:bg-accent">
+              className="w-full justify-start bg-transparent text-foreground-500 hover:bg-[var(--color-list-item)]">
               {t('agent.add.title')}
             </Button>
           )
diff --git a/src/renderer/src/pages/home/Tabs/components/Assistants.tsx b/src/renderer/src/pages/home/Tabs/components/Assistants.tsx
index 7b9f85527a..33741ce71a 100644
--- a/src/renderer/src/pages/home/Tabs/components/Assistants.tsx
+++ b/src/renderer/src/pages/home/Tabs/components/Assistants.tsx
@@ -75,7 +75,7 @@ const Assistants: FC<AssistantsProps> = ({
     return (
       <Button
         onPress={onCreateAssistant}
-        className="w-full justify-start bg-transparent text-foreground-500 hover:bg-accent">
+        className="w-full justify-start bg-transparent text-foreground-500 hover:bg-[var(--color-list-item)]">
         <Plus size={16} style={{ marginRight: 4, flexShrink: 0 }} />
         {t('chat.add.assistant.title')}
       </Button>