From 0cd46ad21ea50ade73632ecf09a21f9cd2b9c090 Mon Sep 17 00:00:00 2001
From: Jinjing <6427696+AmethystLiang@users.noreply.github.com>
Date: Sat, 27 Jun 2026 00:39:44 -0700
Subject: [PATCH] Dim and transition the Create More label on hover (#6479)

Change the "Create more" switch label to use muted foreground by default
and transition to foreground on group hover.
---
 src/renderer/src/components/NewWorkspaceComposerCard.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/renderer/src/components/NewWorkspaceComposerCard.tsx b/src/renderer/src/components/NewWorkspaceComposerCard.tsx
index 6c1f8c1d9bf..6f68d168bb2 100644
--- a/src/renderer/src/components/NewWorkspaceComposerCard.tsx
+++ b/src/renderer/src/components/NewWorkspaceComposerCard.tsx
@@ -1066,7 +1066,7 @@ export default function NewWorkspaceComposerCard({
             role="switch"
             aria-checked={createMultiple}
             onClick={() => onCreateMultipleChange?.(!createMultiple)}
-            className="group flex w-fit cursor-pointer items-center gap-2 rounded-md text-xs text-foreground outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50"
+            className="group flex w-fit cursor-pointer items-center gap-2 rounded-md text-xs outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50"
           >
             <span
               aria-hidden
@@ -1082,7 +1082,7 @@ export default function NewWorkspaceComposerCard({
                 )}
               />
             </span>
-            <span>
+            <span className="text-muted-foreground transition-colors group-hover:text-foreground">
               {translate('auto.components.NewWorkspaceComposerCard.createMultiple', 'Create more')}
             </span>
           </button>