Skip to content

Commit 4b5df22

Browse files
committed
fix: make active tab more clear
1 parent 6c71a66 commit 4b5df22

File tree

1 file changed

+5
-1
lines changed

1 file changed

+5
-1
lines changed

src/common-elements/tabs.ts

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,12 +16,16 @@ export const Tabs = styled(ReactTabs)`
1616
display: inline-block;
1717
flex: 1;
1818
background-color: rgba(0, 0, 0, 0.2);
19+
border-bottom: 1px solid rgba(0, 0, 0, 0.5);
1920
cursor: pointer;
2021
text-align: center;
2122
outline: none;
23+
color: #ccc;
2224
2325
&.react-tabs__tab--selected {
24-
background-color: #171e21;
26+
color: #fff;
27+
background: rgba(0, 0, 0, 0.5);
28+
border-bottom: 1px solid ${props => props.theme.schemaView.linesColor};
2529
}
2630
2731
&:only-child {

0 commit comments

Comments
 (0)