From 0d00fe8f12b2c1d1989c0e4b9437b8a29ff2189e Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <62335616+lucaseduoli@users.noreply.github.com>
Date: Wed, 2 Apr 2025 15:41:01 -0300
Subject: [PATCH] fix: add correct amber colors and button design (#7413)

* Fix amber color

* Fix button and voice assistant button to use correct design and colors

* Fixed button design to include bg

* remove bg definition from voice assistant
---
 src/frontend/src/components/ui/button.tsx                 | 2 +-
 .../components/voice-assistant/voice-assistant.tsx        | 8 +++-----
 src/frontend/src/style/index.css                          | 4 ++--
 3 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/src/frontend/src/components/ui/button.tsx b/src/frontend/src/components/ui/button.tsx
index 0ae72f3c0..47a19174c 100644
--- a/src/frontend/src/components/ui/button.tsx
+++ b/src/frontend/src/components/ui/button.tsx
@@ -15,7 +15,7 @@ const buttonVariants = cva(
         outline:
           "border border-input hover:bg-input hover:text-accent-foreground ",
         outlineAmber:
-          "border border-accent-amber-foreground hover:border-accent-amber",
+          "border border-accent-amber-foreground hover:bg-accent-amber",
         primary:
           "border bg-background text-secondary-foreground hover:bg-muted hover:shadow-sm",
         warning:
diff --git a/src/frontend/src/modals/IOModal/components/chatView/chatInput/components/voice-assistant/voice-assistant.tsx b/src/frontend/src/modals/IOModal/components/chatView/chatInput/components/voice-assistant/voice-assistant.tsx
index 4dc5b0a88..94273f662 100644
--- a/src/frontend/src/modals/IOModal/components/chatView/chatInput/components/voice-assistant/voice-assistant.tsx
+++ b/src/frontend/src/modals/IOModal/components/chatView/chatInput/components/voice-assistant/voice-assistant.tsx
@@ -457,14 +457,12 @@ export function VoiceAssistant({
                     variant={"outlineAmber"}
                     size={"icon"}
                     data-testid="voice-assistant-settings-icon-without-openai"
-                    className="group h-8 w-8"
+                    className="h-8 w-8"
                   >
                     <IconComponent
-                      name="Settings"
+                      name="Key"
                       strokeWidth={ICON_STROKE_WIDTH}
-                      className={cn(
-                        "h-4 w-4 text-accent-amber-foreground group-hover:text-accent-amber",
-                      )}
+                      className={cn("h-4 w-4 text-accent-amber-foreground")}
                     />
                   </Button>
                 </>
diff --git a/src/frontend/src/style/index.css b/src/frontend/src/style/index.css
index be932f6b0..2f2d0fef2 100644
--- a/src/frontend/src/style/index.css
+++ b/src/frontend/src/style/index.css
@@ -191,7 +191,7 @@
 
     --zinc-foreground: 240 5.9% 90%;
 
-    --accent-amber: 21.7 77.8% 26.5%;
+    --accent-amber: 48, 96%, 89%;
     --accent-amber-foreground: 26 90.5% 37.1%;
     --red-foreground: 0 90.6% 70.8%;
   }
@@ -447,7 +447,7 @@
 
     --zinc-foreground: 240 5.2% 33.9%;
 
-    --accent-amber: 48 96.5% 88.8%;
+    --accent-amber: 22, 78%, 26%;
     --accent-amber-foreground: 45.9 96.7% 64.5%;
     --red-foreground: 0 72.2% 50.6%;
   }