Update UI color

Author: aiqlcom

src/renderer/components/pages/ChatInputPage.vue

@@ -98,7 +98,7 @@ const agentStore = useAgentStore()
 
           <v-icon-btn
             v-tooltip:start="$t('chat.reg')"
-            color="primary"
+            color="teal"
             variant="tonal"
             icon="mdi-autorenew"
             rounded="lg"

src/renderer/components/pages/SettingPage.vue

@@ -95,14 +95,14 @@ const validateNumberRange = (min: number, max: number) => {
         <v-checkbox
           :model-value="config.mcp"
           :label="$t('setting.mcp')"
-          color="primary"
+          color="secondary"
           @update:model-value="(v) => handleUpdate('mcp', Boolean(v))"
         >
         </v-checkbox>
         <v-checkbox
           :model-value="config.stream"
           :label="$t('setting.stream')"
-          color="primary"
+          color="secondary"
           @update:model-value="(v) => handleUpdate('stream', Boolean(v))"
         >
         </v-checkbox>
@@ -169,10 +169,11 @@ const validateNumberRange = (min: number, max: number) => {
 
       <v-row class="px-2">
         <v-switch
+          min-width="170px"
           class="mt-0 mb-6 ml-4"
           v-tooltip:start="$t('setting.auth-header')"
           :label="config.authorization ? 'Authorization' : 'X-Api-Key'"
-          color="info"
+          color="secondary"
           base-color="primary"
           hide-details
           inset
@@ -285,7 +286,7 @@ const validateNumberRange = (min: number, max: number) => {
         </template>
         <v-btn-toggle
           class="mt-0"
-          color="info"
+          color="secondary"
           :model-value="config.reasoningEffort"
           variant="plain"
           @update:model-value="(v) => handleUpdate('reasoningEffort', v)"

src/renderer/plugins/vuetify.ts

@@ -35,7 +35,7 @@ export default createVuetify({
           primary: '#344767',
           background: '#FFFFFF',
           surface: '#FFFFFF',
-          secondary: '#2B323B',
+          secondary: colors.lightBlue.darken4, // '#2B323B',
           alert: colors.brown.lighten1,
           'grey-0': '#F2F5F8',
           'grey-50': '#FAFAFA',

src/renderer/screens/mcp/McpSideDrawer.vue

@@ -39,7 +39,7 @@ const mcpStore = useMcpStore()
           :key="`${key}-${name}`"
           class="mr-1 my-1"
           label
-          color="info"
+          color="secondary"
           size="small"
         >
           {{ name }}