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 {