diff --git a/_build/templates/default/sass/_colors-and-vars.scss b/_build/templates/default/sass/_colors-and-vars.scss
index fa3d6ad513..7fd3b59bec 100644
--- a/_build/templates/default/sass/_colors-and-vars.scss
+++ b/_build/templates/default/sass/_colors-and-vars.scss
@@ -132,7 +132,7 @@ $treeHeaderBorder: 1px solid #CDCDCD;
 $treeHeaderBg: $lightestGray;
 $treeBg: $lightestGray;
 $treeBgSelected: #D6E7F8;
-$treeColor: $darkGray;
+$treeColor: darken($darkGray,10%);
 $treeColorDesaturated: lighten(desaturate($treeColor,100%), 25%);
 $treeColor_2: #728DA7;
 $treePseudoRootBg: #F1F1F1;
@@ -149,7 +149,7 @@ $iconColor: $treeText;
 $deactivatedTextColor: lighten($treeColor, 35%); // do not use 50% here - makes base color nearly invisible
 $disabledTextColor: $deactivatedTextColor;
 
-$unpublished: lighten($treeText, 10%) !important;
+$unpublished: lighten($treeText, 1%) !important;
 $hidden: $treeText;
 $unpubText: normal;
 $hiddenText: italic;
@@ -157,7 +157,7 @@ $hiddenText: italic;
 // as italic is used for "unpublished"
 $lockedText: inherit; // italic;
 
-$delTextColor: fade-out(darken(lighten(desaturate($red,50%), 33%), 25%), 0.5) !important;
+$delTextColor: fade-out(darken(lighten(desaturate($red,50%), 33%), 25%), 0.25) !important;
 $delTextStyle: normal;
 $delTextDeco: line-through;
 
diff --git a/_build/templates/default/sass/_tree.scss b/_build/templates/default/sass/_tree.scss
index 3779c3f18f..615eaaafd5 100644
--- a/_build/templates/default/sass/_tree.scss
+++ b/_build/templates/default/sass/_tree.scss
@@ -221,6 +221,9 @@
   i.icon-large {
     color: $unpublished;
     font-style: normal;
+    &::before{
+      font-weight: 400;
+    }
   }
 }
 
@@ -229,10 +232,17 @@
   color: $hidden;
   font-style: $hiddenText;
 
+  &.unpublished,
+  &.unpublished a span {
+    i.icon,
+    i.icon-large {
+      color: $hidden;
+    }
+  }
   i.icon,
   i.icon-large {
-    color: $hidden;
     font-style: normal;
+    color: $treeColor;
   }
 }
 
@@ -243,6 +253,9 @@
   i.icon-large {
     color: $delTextColor;
     font-style: normal;
+    &::before{
+      font-weight: 400;
+    }
   }
 
   a span {