fix: make active tab more clear

Redocly · Jan 24, 2018 · 4b5df22 · 4b5df22
1 parent 6c71a66
commit 4b5df22
Showing 1 changed file with 5 additions and 1 deletion.
diff --git 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 {