From 7a873052aff525f714188e77f3b09b504f881c68 Mon Sep 17 00:00:00 2001
From: Michael Haschke <michael.haschke@eccenca.com>
Date: Thu, 7 Nov 2024 17:49:31 +0100
Subject: [PATCH] adjust color and separation char for breadcrumbs

---
 CHANGELOG.md                              | 2 ++
 src/components/Breadcrumb/breadcrumb.scss | 9 ++++++++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index c65f082a..68702ec7 100644
--- a/CHANGELOG.md
+++ b/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
 
diff --git a/src/components/Breadcrumb/breadcrumb.scss b/src/components/Breadcrumb/breadcrumb.scss
index e079606e..c33fc011 100644
--- a/src/components/Breadcrumb/breadcrumb.scss
+++ b/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;