Update RegenerationButton and StopButton styles

- Update the background color to "#ED6A45"
- Update the font family and font size
- Update the button and icon colors to "#fff"
- Add hover and focus styles

src/views/components/RegenerationButton/index.tsx

@@ -10,19 +10,30 @@ const RegenerationButton = observer(() => {
     const { chat } = useMst();
     return (<Button
         size='xs'
-        leftIcon={<IconRotateDot color='var(--vscode-button-foreground)' />}
         sx={{
-            backgroundColor: 'var(--vscode-button-background)',
+            backgroundColor:"#ED6A45",
+            fontFamily: 'var(--vscode-editor-font-familyy)',
+            fontSize: 'var(--vscode-editor-font-size)',
+            color:"#fff",
+            "&:hover":{
+                backgroundColor:"#ED6A45",
+                opacity: 0.8,
+            },
+            "&:focus":{
+                backgroundColor:"#ED6A45",
+                opacity: 0.8,
+            }
         }}
         styles={{
             icon: {
-                color: 'var(--vscode-button-foreground)'
+                color:"#fff",
             },
             label: {
-                color: 'var(--vscode-button-foreground)',
                 fontSize: 'var(--vscode-editor-font-size)',
+                color:"#fff",
             }
         }}
+        leftIcon={<IconRotateDot color='var(--vscode-button-foreground)' />}
         onClick={() => chat.reGenerating()}
         variant="white" >
         Regeneration

src/views/components/StopButton/index.tsx

@@ -10,20 +10,31 @@ const StopButton = observer(() => {
     const { chat } = useMst();
     return (
         <Button
-            size='xs'
+            size="xs" 
-            leftIcon={<IconPlayerStop color='var(--vscode-button-foreground)' />}
             sx={{
-                backgroundColor: 'var(--vscode-button-background)',
+                backgroundColor:"#ED6A45",
+                fontFamily: 'var(--vscode-editor-font-familyy)',
+                fontSize: 'var(--vscode-editor-font-size)',
+                color:"#fff",
+                "&:hover":{
+                    backgroundColor:"#ED6A45",
+                    opacity: 0.8,
+                },
+                "&:focus":{
+                    backgroundColor:"#ED6A45",
+                    opacity: 0.8,
+                }
             }}
             styles={{
                 icon: {
-                    color: 'var(--vscode-button-foreground)'
+                    color:"#fff",
                 },
                 label: {
-                    color: 'var(--vscode-button-foreground)',
                     fontSize: 'var(--vscode-editor-font-size)',
+                    color:"#fff",
                 }
             }}
+            leftIcon={<IconPlayerStop color='var(--vscode-button-foreground)' />}
             onClick={() => {
                 chat.stopGenerating(false, '', chat.currentMessage);
                 messageUtil.sendMessage({