From 25afeb1416588b3083f3b6aa3ce7273a887ff7cb Mon Sep 17 00:00:00 2001
From: Filip Barl <filip.barl@gmail.com>
Date: Tue, 19 Jun 2018 14:14:38 +0200
Subject: [PATCH] Use new accent theme colors.

---
 client/app/styles/_base.scss | 32 ++++++++++++++++----------------
 client/package.json          |  2 +-
 client/yarn.lock             |  6 +++---
 3 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/client/app/styles/_base.scss b/client/app/styles/_base.scss
index 6d742c2e89..649d53de17 100644
--- a/client/app/styles/_base.scss
+++ b/client/app/styles/_base.scss
@@ -355,7 +355,7 @@ a {
     }
 
     &-matched {
-      border-color: $color-accent-blue;
+      border-color: $color-blue-400;
     }
 
   }
@@ -524,8 +524,8 @@ a {
     }
 
     .match {
-      background-color: transparentize($color-accent-blue, 0.25);
-      border: 1px solid $color-accent-blue;
+      background-color: transparentize($color-blue-400, 0.25);
+      border: 1px solid $color-blue-400;
     }
   }
 
@@ -546,7 +546,7 @@ a {
     }
     .shadow {
       fill: none;
-      stroke: $color-accent-blue;
+      stroke: $color-blue-400;
       stroke-opacity: 0;
     }
     &.highlighted {
@@ -573,7 +573,7 @@ a {
 
     .highlight-border {
       fill: none;
-      stroke: $color-accent-blue;
+      stroke: $color-blue-400;
       stroke-width: 0.7 + $node-highlight-stroke-width * 2;
       stroke-opacity: $node-highlight-stroke-opacity;
     }
@@ -651,7 +651,7 @@ a {
       display: inline-block;
       margin: 1px;
       padding: 2px 4px;
-      background-color: transparentize($color-accent-blue, 0.9);
+      background-color: transparentize($color-blue-400, 0.9);
     }
 
     &-label {
@@ -662,7 +662,7 @@ a {
 
   &-more {
     font-size: $font-size-tiny;
-    color: $color-turquoise;
+    color: $color-blue-700;
     margin-top: -2px;
   }
 }
@@ -741,8 +741,8 @@ a {
   }
 
   .match {
-    background-color: transparentize($color-accent-blue, 0.7);
-    border: 1px solid $color-accent-blue;
+    background-color: transparentize($color-blue-400, 0.7);
+    border: 1px solid $color-blue-400;
   }
 
   &-header {
@@ -1135,7 +1135,7 @@ a {
     }
 
     .new-image {
-      color: $color-status-info;
+      color: $color-blue-600;
     }
 
     a {
@@ -1451,7 +1451,7 @@ a {
 
   .fa {
     margin-left: 4px;
-    color: $color-accent-orange;
+    color: $color-orange-500;
   }
 
   &-wrapper {
@@ -1742,13 +1742,13 @@ a {
   }
 
   &-matched &-input {
-    border-color: $color-accent-blue;
+    border-color: $color-blue-400;
   }
 
 }
 
 .search-item {
-  background-color: transparentize($color-accent-blue, 0.2);
+  background-color: transparentize($color-blue-400, 0.2);
   border-radius: $border-radius-soft;
   margin: 1px 0 1px 1.5em;
   padding: 2px 4px 2px 6px;
@@ -1807,7 +1807,7 @@ a {
   }
 
   &-header {
-    background-color: $color-accent-blue;
+    background-color: $color-blue-400;
     padding: 12px 24px;
     color: $color-white;
 
@@ -2056,8 +2056,8 @@ a {
     // because we want consistent behaviour between the
     // visual and row locking logic that happens on hover.
     tbody tr.selected, tbody tr.focused {
-      background-color: transparentize($color-accent-blue, 0.85);
-      border: 1px solid $color-accent-blue;
+      background-color: transparentize($color-blue-400, 0.85);
+      border: 1px solid $color-blue-400;
     }
   }
 
diff --git a/client/package.json b/client/package.json
index bc62cc7786..7cb71540d2 100644
--- a/client/package.json
+++ b/client/package.json
@@ -44,7 +44,7 @@
     "reselect": "3.0.1",
     "reselect-map": "1.0.3",
     "styled-components": "2.2.4",
-    "weaveworks-ui-components": "0.5.1",
+    "weaveworks-ui-components": "0.5.3",
     "whatwg-fetch": "2.0.3",
     "xterm": "3.3.0"
   },
diff --git a/client/yarn.lock b/client/yarn.lock
index 583423a5b8..18054adae1 100644
--- a/client/yarn.lock
+++ b/client/yarn.lock
@@ -8345,9 +8345,9 @@ wd@^0.4.0:
     underscore.string "~3.0.3"
     vargs "~0.1.0"
 
-weaveworks-ui-components@0.5.1:
-  version "0.5.1"
-  resolved "https://registry.yarnpkg.com/weaveworks-ui-components/-/weaveworks-ui-components-0.5.1.tgz#dbb8f73ab28161a2e2f0c5b164fb952a0be35b10"
+weaveworks-ui-components@0.5.3:
+  version "0.5.3"
+  resolved "https://registry.yarnpkg.com/weaveworks-ui-components/-/weaveworks-ui-components-0.5.3.tgz#0230265d87e41bdd9483986714c80b644c0d4bfb"
   dependencies:
     classnames "2.2.5"
     d3-drag "1.2.1"