diff --git a/web/src/views/Agents.vue b/web/src/views/Agents.vue
index f8523b8..3544e1b 100644
--- a/web/src/views/Agents.vue
+++ b/web/src/views/Agents.vue
@@ -70,7 +70,7 @@ const deleteAgent = (id: number) => {
     <!-- 顶部导航 -->
     <div class="flex justify-between items-center mb-6">
       <div class="flex items-center gap-2">
-        <i class="fa-solid fa-robot text-gray-400"></i>
+        <i class="fa-solid fa-robot text-orange-500"></i>
         <span class="font-medium">Agents</span>
       </div>
       <button class="btn-primary">
diff --git a/web/src/views/Dashboard.vue b/web/src/views/Dashboard.vue
index 608cbd2..6789169 100644
--- a/web/src/views/Dashboard.vue
+++ b/web/src/views/Dashboard.vue
@@ -118,7 +118,7 @@ const topRequestsTab = ref<'general' | 'errors'>('general')
       <!-- 顶部导航与日期选择区 -->
       <div class="flex justify-between items-center mb-6">
         <div class="flex items-center gap-2">
-          <i class="fa-solid fa-gauge text-gray-400"></i>
+          <i class="fa-solid fa-gauge text-orange-500"></i>
           <span class="font-medium">Dashboard</span>
         </div>
         <div class="flex items-center gap-4">
diff --git a/web/src/views/Database.vue b/web/src/views/Database.vue
index cc546b2..6ed11b6 100644
--- a/web/src/views/Database.vue
+++ b/web/src/views/Database.vue
@@ -57,7 +57,7 @@ const {
     <!-- 顶部导航 -->
     <div class="flex justify-between items-center mb-6">
       <div class="flex items-center gap-2">
-        <i class="fa-solid fa-database text-gray-400"></i>
+        <i class="fa-solid fa-database text-orange-500"></i>
         <span class="font-medium">Database</span>
       </div>
       <button @click="openCreate" class="btn-primary">
diff --git a/web/src/views/Knowledge.vue b/web/src/views/Knowledge.vue
index d8aebd2..0307bcc 100644
--- a/web/src/views/Knowledge.vue
+++ b/web/src/views/Knowledge.vue
@@ -716,7 +716,7 @@ const deleteDocument = async (docId: string) => {
     <!-- 顶部导航 -->
     <div class="flex justify-between items-center mb-6">
       <div class="flex items-center gap-2">
-        <i class="fa-solid fa-brain text-gray-400"></i>
+        <i class="fa-solid fa-brain text-orange-500"></i>
         <span class="font-medium">Knowledge Base</span>
       </div>
       <button @click="openCreateDialog" class="btn-primary">
diff --git a/web/src/views/ModelAPIs.vue b/web/src/views/ModelAPIs.vue
index aa83009..b6eed35 100644
--- a/web/src/views/ModelAPIs.vue
+++ b/web/src/views/ModelAPIs.vue
@@ -110,7 +110,7 @@ const providerIcon = (provider: string) => {
   <div class="p-6 min-h-screen">
     <div class="flex justify-between items-center mb-6">
       <div class="flex items-center gap-2">
-        <i class="fa-solid fa-cube text-gray-400"></i>
+        <i class="fa-solid fa-cube text-orange-500"></i>
         <span class="font-medium">Model APIs</span>
       </div>
       <button class="bg-gradient-to-r from-primary-orange to-red-500 hover:from-orange-500 hover:to-red-600 text-white px-4 py-2 rounded-lg font-medium flex items-center gap-2 transition-all">
diff --git a/web/src/views/Skill.vue b/web/src/views/Skill.vue
index e7683c5..e15d175 100644
--- a/web/src/views/Skill.vue
+++ b/web/src/views/Skill.vue
@@ -308,7 +308,7 @@ const saveNewSkill = () => {
   <div class="p-6 min-h-screen">
     <div class="flex justify-between items-center mb-6">
       <div class="flex items-center gap-2">
-        <i class="fa-solid fa-wand-magic-sparkles text-gray-400"></i>
+        <i class="fa-solid fa-wand-magic-sparkles text-orange-500"></i>
         <span class="font-medium">Skills</span>
       </div>
       <button @click="openCreate" class="bg-gradient-to-r from-primary-orange to-red-500 hover:from-orange-500 hover:to-red-600 text-white px-4 py-2 rounded-lg font-medium flex items-center gap-2 transition-all">