diff --git a/frontend/src/views/panel/appTemplate/component/TemplateList.vue b/frontend/src/views/panel/appTemplate/component/TemplateList.vue
index cc502c0606..ca5ba0777d 100644
--- a/frontend/src/views/panel/appTemplate/component/TemplateList.vue
+++ b/frontend/src/views/panel/appTemplate/component/TemplateList.vue
@@ -250,8 +250,8 @@ export default {
   }
 
   li.select {
-    background: var(--deWhiteHover, #3370ff);
-    color: var(--TextActive, #f4f4f5);
+    background: var(--deWhiteHover, #ecf5ff) !important;
+    color: var(--TextActive, #3370ff) !important;
   }
 
   .de-btn-fix {
diff --git a/frontend/src/views/panel/appTemplate/component/TemplateMoveList.vue b/frontend/src/views/panel/appTemplate/component/TemplateMoveList.vue
index 56aaeb324d..952556810a 100644
--- a/frontend/src/views/panel/appTemplate/component/TemplateMoveList.vue
+++ b/frontend/src/views/panel/appTemplate/component/TemplateMoveList.vue
@@ -201,8 +201,8 @@ export default {
   }
 
   li.select {
-    background: var(--deWhiteHover, #3370ff);
-    color: var(--TextActive, #f4f4f5);
+    background: var(--deWhiteHover, #ecf5ff) !important;
+    color: var(--TextActive, #3370ff) !important;
   }
 
   .de-btn-fix {
diff --git a/frontend/src/views/panel/template/component/TemplateList.vue b/frontend/src/views/panel/template/component/TemplateList.vue
index b52312dde6..88f7af9ae8 100644
--- a/frontend/src/views/panel/template/component/TemplateList.vue
+++ b/frontend/src/views/panel/template/component/TemplateList.vue
@@ -253,8 +253,8 @@ export default {
   }
 
   li.select {
-    background: var(--deWhiteHover, #3370ff);
-    color: var(--TextActive, #f4f4f5);
+    background: var(--deWhiteHover, #ecf5ff) !important;
+    color: var(--TextActive, #3370ff) !important;
   }
 
   .de-btn-fix {