diff --git a/css/css-variables.scss b/css/css-variables.scss
index bc7e549d8..cc82c4e47 100644
--- a/css/css-variables.scss
+++ b/css/css-variables.scss
@@ -109,10 +109,8 @@ $popup-menu-highlight-color: $highlight-color !default;
 $popup-menu-text-color: #000 !default;
 $popup-menu-background-color: #fff !default;
 $popup-menu-text-higlight-color: #fff !default;
-$breadcrumb-color: #555 !default;
-$breadcrumb-text-color: #fff !default;
+$breadcrumb-color: $grey-color !default;
 $breadcrumb-highlight-color: $highlight-color !default;
-$breadcrumb-text-highlight-color: #fff !default;
 
 // jQuery UI widgets vars
 $primary-text-color: #333333 !default;
diff --git a/css/light-grey.scss b/css/light-grey.scss
index f3de97538..ed28f7040 100644
--- a/css/light-grey.scss
+++ b/css/light-grey.scss
@@ -135,7 +135,7 @@ table.listResults > tbody > tr:hover > * {
 
 table.listResults > tbody > tr.selected:hover > * {
 	/* hover on lines is currently done toggling td.hover, and having a rule for links */
-	background-color: lighten($combodo-orange, 20%);
+	background-color: $brand-primary-lightest;
 	color: $text-color;
 }
 
@@ -3198,7 +3198,7 @@ span.search-button, span.refresh-button {
 
 	a{
 	  text-decoration: none;
-	  color: #555;
+	  color: $breadcrumb-color;
 	  font-size: 9pt;
 	  padding: 0;
 	  background: none;
@@ -3221,7 +3221,7 @@ span.search-button, span.refresh-button {
 
 	  &:hover{
 		text-decoration: none;
-		color: $highlight-color;
+		color: $breadcrumb-highlight-color;
 	  }
 
 	  &::after{
@@ -3241,7 +3241,7 @@ span.search-button, span.refresh-button {
 
 	&.breadcrumb-current{
 	  text-decoration: none;
-	  color: #555;
+	  color: $breadcrumb-color;
 	  font-size: 9pt;
 	  padding: 0;
 	  background: none;