fix(breadcrumb): dark mode separator visible (#2920)

Tencent · May 23, 2024 · 0122e61 · 0122e61
1 parent 227a3d3
commit 0122e61
Show file tree

Hide file tree

Showing 3 changed files with 49 additions and 51 deletions.
diff --git a/src/breadcrumb/BreadcrumbItem.tsx b/src/breadcrumb/BreadcrumbItem.tsx
@@ -86,9 +86,7 @@ const BreadcrumbItem = forwardRef<HTMLDivElement, BreadcrumbItemProps>((props, r
   }
 
   const separatorInProps = parseTNode(separator);
-  const separatorContent = separatorInProps || separatorInContext || (
-    <ChevronRightIcon style={{ color: 'rgba(0,0,0,.3)' }} />
-  );
+  const separatorContent = separatorInProps || separatorInContext || <ChevronRightIcon style={{ opacity: '.5' }} />;
 
   const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {
     if (disabled) return;