From 157f9f32854cf021b939bf45d1d37d76cb4f5149 Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <mads@umbraco.com>
Date: Thu, 23 Feb 2017 12:22:41 +0100
Subject: [PATCH] update umb-node-preview colours

---
 .../src/less/components/umb-node-preview.less | 21 ++++++++++---------
 .../views/components/umb-node-preview.html    |  2 +-
 2 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/less/components/umb-node-preview.less b/src/Umbraco.Web.UI.Client/src/less/components/umb-node-preview.less
index 5b96492b48..cd337699b7 100644
--- a/src/Umbraco.Web.UI.Client/src/less/components/umb-node-preview.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/umb-node-preview.less
@@ -1,7 +1,7 @@
 .umb-node-preview {
     padding: 5px 15px;
     margin-bottom: 5px;
-    background: @grayLighter;
+    background: @gray-10;
     border-radius: 3px;
     display: flex;
     align-items: center;
@@ -13,10 +13,6 @@
     cursor: move;
 }
 
-.umb-node-preview--sortable:hover {
-    border-color: #d9d9d9;
-}
-
 .umb-node-preview--unpublished {
     .umb-node-preview__icon,
     .umb-node-preview__name,
@@ -49,6 +45,7 @@
 .umb-node-preview__description {
     font-size: 11px;
     line-height: 1.5em;
+    color: @gray-3;
 }
 
 .umb-node-preview__actions {
@@ -62,21 +59,25 @@
     margin-right: 5px;
     font-size: 13px;
     font-weight: bold;
-    opacity: 0.5;
+    color: @gray-5;
 }
 
 .umb-node-preview__action:hover {
-    color: @blue;
+    color: @turquoise;
     text-decoration: none;
     opacity: 1;
 }
 
+.umb-node-preview__action--red:hover {
+    color: @red;
+}
+
 .umb-node-preview-add {
     display: flex;
     align-items: center;
     justify-content: center;
-    border: 1px dashed #d9d9d9;
-    color: @blue;
+    border: 1px dashed @gray-8;
+    color: @turquoise;
     font-weight: bold;
     padding: 5px 15px;
     max-width: 66.6%;
@@ -84,7 +85,7 @@
 }
 
 .umb-node-preview-add:hover {
-    color: @blue;
+    color: @turquoise;
 }
 
 .umb-overlay, 
diff --git a/src/Umbraco.Web.UI.Client/src/views/components/umb-node-preview.html b/src/Umbraco.Web.UI.Client/src/views/components/umb-node-preview.html
index f31f595a88..747610d8e2 100644
--- a/src/Umbraco.Web.UI.Client/src/views/components/umb-node-preview.html
+++ b/src/Umbraco.Web.UI.Client/src/views/components/umb-node-preview.html
@@ -6,7 +6,7 @@
     </div>
     <div class="umb-node-preview__actions">
         <a class="umb-node-preview__action" title="Open" href="" ng-if="allowOpen"  ng-click="onOpen()">Open</a>
-        <a class="umb-node-preview__action" title="Remove" href="" ng-if="allowRemove" ng-click="onRemove()">Remove</i></a>
+        <a class="umb-node-preview__action umb-node-preview__action--red" title="Remove" href="" ng-if="allowRemove" ng-click="onRemove()">Remove</i></a>
     <div>
 
 </div>
\ No newline at end of file