From 9bb448a3b0444969520a86327931101e6922e8a3 Mon Sep 17 00:00:00 2001
From: meriadec <meriadec.pillet@gmail.com>
Date: Tue, 31 Jul 2018 11:12:45 +0200
Subject: [PATCH] Fix outline button active style

---
 src/components/base/Button/index.js | 26 ++++++++++++++++----------
 1 file changed, 16 insertions(+), 10 deletions(-)

diff --git a/src/components/base/Button/index.js b/src/components/base/Button/index.js
index 4bf4839e..1d7a0444 100644
--- a/src/components/base/Button/index.js
+++ b/src/components/base/Button/index.js
@@ -93,16 +93,22 @@ const buttonStyles: { [_: string]: Style } = {
         background: ${rgba(c, 0.1)};
       `
     },
-    active: p => `
-      color: ${darken(
-        p.outlineColor ? p.theme.colors[p.outlineColor] || p.outlineColor : p.theme.colors.wallet,
-        0.1,
-      )};
-      border-color: ${darken(
-        p.outlineColor ? p.theme.colors[p.outlineColor] || p.outlineColor : p.theme.colors.wallet,
-        0.1,
-      )};
-    `,
+    active: p => {
+      const c = p.outlineColor
+        ? p.theme.colors[p.outlineColor] || p.outlineColor
+        : p.theme.colors.wallet
+      return `
+        background: ${rgba(c, 0.15)};
+        color: ${darken(
+          p.outlineColor ? p.theme.colors[p.outlineColor] || p.outlineColor : p.theme.colors.wallet,
+          0.1,
+        )};
+        border-color: ${darken(
+          p.outlineColor ? p.theme.colors[p.outlineColor] || p.outlineColor : p.theme.colors.wallet,
+          0.1,
+        )};
+      `
+    },
   },
   outlineGrey: {
     default: p => `