Add whisper and tts ui (#484)

Co-authored-by: heheer <71265218+newfish-cmyk@users.noreply.github.com>

projects/app/src/web/styles/theme.ts

@@ -66,6 +66,14 @@ const Button = defineStyleConfig({
         bg: '#3370ff !important'
       }
     },
+    gray: {
+      bg: '#F5F5F8',
+      color: 'myBlue.700',
+      border: '1px solid #EFF0F1',
+      _hover: {
+        bg: '#3370FF1A'
+      }
+    },
     base: {
       color: 'myGray.900',
       border: '1px solid',
@@ -81,6 +89,23 @@ const Button = defineStyleConfig({
         color: 'myBlue.700'
       },
       _disabled: { bg: 'myGray.100 !important', color: 'myGray.700 !important' }
+    },
+    boxBtn: {
+      px: 3,
+      py: '2px',
+      borderRadius: 'md',
+      _hover: {
+        bg: 'myGray.200'
+      }
+    },
+    blue: {
+      borderRadius: 'md',
+      bg: '#3370FF',
+      color: 'white',
+      fontSize: 'sm',
+      _hover: {
+        bg: '#145BFF'
+      }
     }
   },
   defaultProps: {