diff --git a/src/layout/components/TagsView/index.vue b/src/layout/components/TagsView/index.vue
index 4a2cb38..8f97c27 100644
--- a/src/layout/components/TagsView/index.vue
+++ b/src/layout/components/TagsView/index.vue
@@ -131,7 +131,7 @@
       },
     },
     setup(props) {
-      const { getDarkTheme } = useDesignSetting();
+      const { getDarkTheme, getAppTheme } = useDesignSetting();
       const { getNavMode, getHeaderSetting, getMenuSetting, getMultiTabsSetting } =
         useProjectSetting();
       const settingStore = useProjectSettingStore();
@@ -494,6 +494,7 @@
         handleContextMenu,
         onClickOutside,
         getDarkTheme,
+        getAppTheme,
       };
     },
   });
@@ -595,7 +596,7 @@
           }
 
           .active-item {
-            color: #2d8cf0;
+            color: v-bind(getAppTheme);
           }
         }
       }