From cf56658ab6f36d90779ad6a06f4219e7a9a8b031 Mon Sep 17 00:00:00 2001
From: Rankin Zheng <runjin@merico.dev>
Date: Wed, 13 Sep 2023 20:47:22 +0800
Subject: [PATCH] Change button colors

---
 src/views/components/InputMessage/index.tsx | 21 ++++++++++++++-------
 1 file changed, 14 insertions(+), 7 deletions(-)

diff --git a/src/views/components/InputMessage/index.tsx b/src/views/components/InputMessage/index.tsx
index f44cea8..8ef3446 100644
--- a/src/views/components/InputMessage/index.tsx
+++ b/src/views/components/InputMessage/index.tsx
@@ -273,15 +273,23 @@ const InputMessage = observer((props: any) => {
 
     const buttonStyles = {
         root: {
-            color: 'var(--vscode-menu-foreground)',
-            backgroundColor: 'var(---vscode-menu-background)',
+            color: 'var(--vscode-dropdown-foreground)',
+            borderColor:'var(--vscode-dropdown-border)',
+            backgroundColor: 'var(--vscode-dropdown-background)',
             '&:hover':{
-                color:'var(---vscode-menu-activeForeground)',
-                backgroundColor: 'var(---vscode-menu-activeBackground)'
+                color: 'var(--vscode-dropdown-foreground)',
+                borderColor:'var(--vscode-dropdown-border)',
+                backgroundColor: 'var(--vscode-dropdown-background)'
             }
         }
     };
 
+    const actionStyles={
+        color: 'var(--vscode-dropdown-foreground)',
+        borderColor:'var(--vscode-dropdown-border)',
+        backgroundColor: 'var(--vscode-dropdown-background)'
+    };
+
     return (
         <Stack 
             spacing={0} 
@@ -307,6 +315,7 @@ const InputMessage = observer((props: any) => {
                             radius="xl" 
                             variant="default"
                             disabled={generating}
+                            style={actionStyles}
                         >
                             <IconTextPlus size="1rem" />
                         </ActionIcon>
@@ -438,11 +447,9 @@ const InputMessage = observer((props: any) => {
                                             variant="default"
                                             disabled={generating}
                                             onClick={openDrawer}
+                                            style={actionStyles}
                                             sx={{
                                                 pointerEvents: 'all',
-                                                '&:hover': {
-                                                    backgroundColor: 'var(--vscode-toolbar-activeBackground)'
-                                                },
                                                 '&[data-disabled]': {
                                                     borderColor: 'var(--vscode-input-border)',
                                                     backgroundColor: 'var(--vscode-toolbar-activeBackground)'