From 33625eaa85aeebd86169f2fdfa1d6f1471b00f90 Mon Sep 17 00:00:00 2001
From: Hannu Lyytikainen <hannu@sharetribe.com>
Date: Wed, 27 Jun 2018 08:41:45 +0300
Subject: [PATCH] Add banned user icon color properties

Add new css properties for setting the background color used in the
banned users icon.
---
 src/components/IconBannedUser/IconBannedUser.css | 4 ++--
 src/marketplace.css                              | 2 ++
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/IconBannedUser/IconBannedUser.css b/src/components/IconBannedUser/IconBannedUser.css
index 39c273d0..b63749a9 100644
--- a/src/components/IconBannedUser/IconBannedUser.css
+++ b/src/components/IconBannedUser/IconBannedUser.css
@@ -1,11 +1,11 @@
 @import '../../marketplace.css';
 
 .backgroundLight {
-  stop-color: var(--marketplaceColorLight);
+  stop-color: var(--bannedColorLight);
 }
 
 .backgroundDark {
-  stop-color: var(--marketplaceColor);
+  stop-color: var(--bannedColorDark);
 }
 
 .foregroundFill {
diff --git a/src/marketplace.css b/src/marketplace.css
index b238c708..7984fa50 100644
--- a/src/marketplace.css
+++ b/src/marketplace.css
@@ -53,6 +53,8 @@
   --successColorDark: #239954;
   --failColor: #ff0000;
   --attentionColor: #ffaa00;
+  --bannedColorLight: var(--marketplaceColorLight);
+  --bannedColorDark: var(--marketplaceColor);
 
   --matterColorDark: #000000;
   --matterColor: #4a4a4a;