From e1b1837fd68c91dd166875379c781bc75e696ea7 Mon Sep 17 00:00:00 2001
From: Filip Barl <filip.barl@gmail.com>
Date: Thu, 2 Aug 2018 15:51:42 +0200
Subject: [PATCH] Fixed the background color when nodes in focus.

---
 client/app/scripts/charts/nodes-chart-elements.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/client/app/scripts/charts/nodes-chart-elements.js b/client/app/scripts/charts/nodes-chart-elements.js
index e62fd1ab3..003a0c16f 100644
--- a/client/app/scripts/charts/nodes-chart-elements.js
+++ b/client/app/scripts/charts/nodes-chart-elements.js
@@ -2,6 +2,7 @@ import React from 'react';
 import classNames from 'classnames';
 import { connect } from 'react-redux';
 import { fromJS, Map as makeMap, List as makeList } from 'immutable';
+import theme from 'weaveworks-ui-components/lib/theme';
 
 import NodeContainer from './node-container';
 import EdgeContainer from './edge-container';
@@ -199,7 +200,7 @@ class NodesChartElements extends React.Component {
         className={className}
         key="nodes-chart-overlay"
         transform={`scale(${scale})`}
-        fill="#fff"
+        fill={theme.colors.purple25}
         x={-1}
         y={-1}
         width={2}