diff --git a/web/src/components/Knowledge/Knowledge.tsx b/web/src/components/Knowledge/Knowledge.tsx
index 4721883c..b1c9b78f 100644
--- a/web/src/components/Knowledge/Knowledge.tsx
+++ b/web/src/components/Knowledge/Knowledge.tsx
@@ -161,11 +161,11 @@ const Knowledge: FC<KnowledgeProps> = ({ value = { knowledge_bases: [] }, onChan
         extra={
           <Space>
             <Button
-              className="rb:h-6! rb:py-0! rb:px-2! rb:rounded-md! rb:text-[#21233"
+              className="rb:h-6! rb:py-0! rb:px-2! rb:rounded-md! rb:text-[#212332]"
               icon={<div className="rb:size-4 rb:bg-cover rb:bg-[url('@/assets/images/application/set.svg')]"></div>}
               onClick={handleKnowledgeConfig}
             >{t('application.globalConfig')}</Button>
-            <Button className="rb:h-6! rb:py-0! rb:px-2! rb:rounded-md! rb:text-[#21233" onClick={handleAddKnowledge}>+</Button>
+            <Button className="rb:h-6! rb:py-0! rb:px-2! rb:rounded-md! rb:text-[#212332]" onClick={handleAddKnowledge}>+</Button>
           </Space>
         }
         headerType="borderless"
diff --git a/web/src/views/ApplicationConfig/components/ToolList/ToolList.tsx b/web/src/views/ApplicationConfig/components/ToolList/ToolList.tsx
index 0feb814b..b9981432 100644
--- a/web/src/views/ApplicationConfig/components/ToolList/ToolList.tsx
+++ b/web/src/views/ApplicationConfig/components/ToolList/ToolList.tsx
@@ -137,7 +137,7 @@ const ToolList: FC<{ value?: ToolOption[]; onChange?: (config: ToolOption[]) =>
     <Card 
       title={t('application.toolConfiguration')}
       extra={
-        <Button className="rb:h-6! rb:py-0! rb:px-2! rb:rounded-md! rb:text-[#21233" onClick={handleAddTool}>+ {t('application.addTool')}</Button>
+        <Button className="rb:h-6! rb:py-0! rb:px-2! rb:rounded-md! rb:text-[#212332]" onClick={handleAddTool}>+ {t('application.addTool')}</Button>
       }
     >
       <div className="rb:leading-4.5 rb:text-[12px] rb:mb-2 rb:font-medium">
diff --git a/web/src/views/ApplicationConfig/components/VariableList/VariableList.tsx b/web/src/views/ApplicationConfig/components/VariableList/VariableList.tsx
index 9f7f71f5..432d0e3d 100644
--- a/web/src/views/ApplicationConfig/components/VariableList/VariableList.tsx
+++ b/web/src/views/ApplicationConfig/components/VariableList/VariableList.tsx
@@ -60,7 +60,7 @@ interface VariableListProps {
       extra={
         <Button
           size="small"
-          className="rb:h-6! rb:py-0! rb:px-2! rb:rounded-md! rb:text-[#21233"
+          className="rb:h-6! rb:py-0! rb:px-2! rb:rounded-md! rb:text-[#212332]"
           onClick={handleAddVariable}
         >
           + {t('application.addVariables')}
diff --git a/web/src/views/Skills/components/ToolList/ToolList.tsx b/web/src/views/Skills/components/ToolList/ToolList.tsx
index 0df4da58..2a36b97d 100644
--- a/web/src/views/Skills/components/ToolList/ToolList.tsx
+++ b/web/src/views/Skills/components/ToolList/ToolList.tsx
@@ -157,7 +157,7 @@ const ToolList: FC<ToolListProps> = ({value, onChange}) => {
     <Card
       title={t('application.toolConfiguration')}
       extra={
-        <Button className="rb:h-6! rb:py-0! rb:px-2! rb:rounded-md! rb:text-[#21233" onClick={handleAddTool}>+ {t('application.addTool')}</Button>
+        <Button className="rb:h-6! rb:py-0! rb:px-2! rb:rounded-md! rb:text-[#212332]" onClick={handleAddTool}>+ {t('application.addTool')}</Button>
       }
     >
       {toolList.length === 0