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 @@
Open - Remove + Remove
\ No newline at end of file