adjust color and separation char for breadcrumbs

CHANGELOG.md

@@ -44,6 +44,8 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
     -   `shouldHighlightActiveLine` optional property to highlight active line where the cursor is currently in.
     -   `shouldHaveMinimalSetup` optional property that imports codemirror's base minimal configurations.
     -   `additionalExtensions` optional property for additional extensions to customize the editor further.
+-   `<BreadcrumbItem/>`
+    -   link color and separation char were adjusted
 
 ### Deprecated
 

src/components/Breadcrumb/breadcrumb.scss

@@ -1,6 +1,8 @@
 @import "~@blueprintjs/core/src/components/breadcrumbs/breadcrumbs";
 @import "~@blueprintjs/core/src/components/overflow-list/overflow-list";
 
+$eccgui-color-breadcrumb-link: $eccgui-color-accent !default;
+
 .#{$eccgui}-breadcrumb__list {
     height: auto;
 
@@ -19,7 +21,7 @@
         margin: 0;
         text-align: center;
         vertical-align: middle;
-        content: "/";
+        content: ">";
         background: none;
     }
 
@@ -65,10 +67,15 @@
     a {
         @extend .#{$eccgui}-breadcrumb__item;
         @extend .#{$ns}-breadcrumb;
+
+        color: $eccgui-color-breadcrumb-link;
+        cursor: pointer;
     }
 }
 
 a.#{$eccgui}-breadcrumb__item {
+    color: $eccgui-color-breadcrumb-link;
+    cursor: pointer;
     &:not(.#{$ns}-breadcrumb-current):not(.#{$ns}-disabled) {
         text-decoration: underline;