diff --git a/src/components/Breadcrumb/src/Breadcrumb.vue b/src/components/Breadcrumb/src/Breadcrumb.vue
index d4347fedd..dd2f4111e 100644
--- a/src/components/Breadcrumb/src/Breadcrumb.vue
+++ b/src/components/Breadcrumb/src/Breadcrumb.vue
@@ -83,7 +83,7 @@ export default defineComponent({
 </script>
 
 <style lang="less" scoped>
-:deep(.el-breadcrumb__item):not(:last-child) {
+:deep(.el-breadcrumb__item) {
   display: flex;
 
   .el-breadcrumb__inner {
@@ -97,12 +97,22 @@ export default defineComponent({
   }
 }
 
+:deep(.el-breadcrumb__item):not(:last-child) {
+  .el-breadcrumb__inner {
+    color: var(--top-header-text-color);
+
+    &:hover {
+      color: var(--el-color-primary);
+    }
+  }
+}
+
 :deep(.el-breadcrumb__item):last-child {
   .el-breadcrumb__inner {
-    color: rgba(255, 255, 255, 0.6);
+    color: var(--el-text-color-placeholder);
 
     &:hover {
-      color: rgba(255, 255, 255, 0.6);
+      color: var(--el-text-color-placeholder);
     }
   }
 }