Change banned user icon background

Author: lyyder

src/components/IconBannedUser/IconBannedUser.css

@@ -1,7 +1,11 @@
 @import '../../marketplace.css';
 
-.backgroundFill {
-  fill: var(--failColor);
+.backgroundLight {
+  stop-color: var(--marketplaceColorLight);
+}
+
+.backgroundDark {
+  stop-color: var(--marketplaceColor);
 }
 
 .foregroundFill {

src/components/IconBannedUser/IconBannedUser.js

@@ -13,8 +13,14 @@ const IconBannedUser = props => {
       viewBox="0 0 40 40"
       xmlns="http://www.w3.org/2000/svg"
     >
+      <defs>
+        <linearGradient id="background" x1="0%" y1="0%" x2="0%" y2="100%">
+          <stop offset="0%" className={css.backgroundLight} />
+          <stop offset="100%" className={css.backgroundDark} />
+        </linearGradient>
+      </defs>
       <g fill="none" fillRule="evenodd">
-        <circle className={css.backgroundFill} cx="20" cy="20" r="20" />
+        <circle fill="url(#background)" cx="20" cy="20" r="20" />
         <circle className={css.foregroundStroke} strokeWidth="3" cx="20" cy="20" r="13" />
         <path className={css.foregroundFill} d="M28.34 9.04l2.12 2.12-19.8 19.8-2.12-2.12z" />
       </g>