From 9cd188aa4fdbf6a06f8caeebb4f4f37f127951f7 Mon Sep 17 00:00:00 2001
From: Eugenio Romano <eugenio.romano@alfresco.com>
Date: Tue, 15 Aug 2017 17:24:16 +0100
Subject: [PATCH] restore color awareness in breadcrumbs

---
 .../breadcrumb/breadcrumb.component.scss      | 44 +++++++++----------
 1 file changed, 22 insertions(+), 22 deletions(-)

diff --git a/ng2-components/ng2-alfresco-documentlist/src/components/breadcrumb/breadcrumb.component.scss b/ng2-components/ng2-alfresco-documentlist/src/components/breadcrumb/breadcrumb.component.scss
index b0e8b8beee..bfdd225fe2 100644
--- a/ng2-components/ng2-alfresco-documentlist/src/components/breadcrumb/breadcrumb.component.scss
+++ b/ng2-components/ng2-alfresco-documentlist/src/components/breadcrumb/breadcrumb.component.scss
@@ -6,18 +6,6 @@ $breadcrumb-chevron-spacer: 2px;
     display: flex;
     flex: 1;
 
-    &.mat-primary {
-        color: mat-color($primary);
-    }
-
-    &.mat-accent {
-        color: mat-color($accent);
-    }
-
-    &.mat-warn {
-        color: mat-color($warn);
-    }
-
     &-container {
         margin: 0;
         padding: 0;
@@ -39,7 +27,28 @@ $breadcrumb-chevron-spacer: 2px;
         font-weight: 600;
         letter-spacing: -0.2px;
         text-align: left;
-        color: $alfresco-secondary-text-color;
+        opacity: 0.6;
+
+        &:hover,
+        &.active {
+            opacity: 1;
+        }
+
+        &-chevron {
+            opacity: 1;
+        }
+
+        &.mat-primary {
+            color: mat-color($primary);
+        }
+
+        &.mat-accent {
+            color: mat-color($accent);
+        }
+
+        &.mat-warn {
+            color: mat-color($warn);
+        }
 
         &-anchor {
             color: inherit;
@@ -51,15 +60,6 @@ $breadcrumb-chevron-spacer: 2px;
             overflow: hidden;
         }
 
-        &:hover,
-        &.active {
-            color: $alfresco-primary-text-color;
-        }
-
-        &-chevron {
-            color: $alfresco-secondary-text-color;
-        }
-
         &.active {
             display: block;
         }