From 1522e925bae37cb9df4de2252d81f717788f4537 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=87=AF=E9=BE=99?= <502431556@qq.com>
Date: Wed, 19 Jan 2022 16:49:49 +0800
Subject: [PATCH] style(breadcrumb): update disabled text color

---
 src/components/Breadcrumb/src/Breadcrumb.vue | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

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);
     }
   }
 }