Northern_Lights/cherry-studio
1
0
Fork 0
mirror of https://github.com/CherryHQ/cherry-studio.git synced 2025-12-25 11:20:07 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

style(ui): update button hover background color to use CSS variable

Browse Source 
Consistent hover state styling across components by using --color-list-item variable instead of accent color
This commit is contained in:
icarus 2025-09-26 05:01:06 +08:00
parent ebdd90b235
commit b82b16b5f6
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/renderer/src/pages/home/Tabs/components/Agents.tsx
View File

@ -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>
)

2
src/renderer/src/pages/home/Tabs/components/Assistants.tsx
View File

@ -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>