From 4b5df22fa0414e47d17585daa37d814c7242e722 Mon Sep 17 00:00:00 2001
From: Roman Hotsiy <gotsijroman@gmail.com>
Date: Wed, 24 Jan 2018 12:32:25 +0200
Subject: [PATCH] fix: make active tab more clear

---
 src/common-elements/tabs.ts | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/common-elements/tabs.ts b/src/common-elements/tabs.ts
index 1b54f59c54..3a286b464a 100644
--- a/src/common-elements/tabs.ts
+++ b/src/common-elements/tabs.ts
@@ -16,12 +16,16 @@ export const Tabs = styled(ReactTabs)`
       display: inline-block;
       flex: 1;
       background-color: rgba(0, 0, 0, 0.2);
+      border-bottom: 1px solid rgba(0, 0, 0, 0.5);
       cursor: pointer;
       text-align: center;
       outline: none;
+      color: #ccc;
 
       &.react-tabs__tab--selected {
-        background-color: #171e21;
+        color: #fff;
+        background: rgba(0, 0, 0, 0.5);
+        border-bottom: 1px solid ${props => props.theme.schemaView.linesColor};
       }
 
       &:only-child {