diff --git a/themes/atom-dark-ui/tabs.css b/themes/atom-dark-ui/tabs.css index 7a3d8b394..81b52334e 100644 --- a/themes/atom-dark-ui/tabs.css +++ b/themes/atom-dark-ui/tabs.css @@ -4,7 +4,7 @@ box-shadow: inset 0 -1px 0 #2e2e2e, 0 1px 0 #191919; } -.is-focused .tab { +.tab { background-image: -webkit-linear-gradient(#444, #3d3d3d); border-top: 1px solid #383838; border-right: 1px solid #2e2e2e; @@ -12,38 +12,16 @@ box-shadow: inset 0 0 5px #383838, 0 1px 0 #585858, inset -1px 0 0 #4a4a4a, inset 1px 0 0 #4a4a4a; } -.is-focused .tab:first-child { + .tab:first-child { box-shadow: inset 0 0 5px #383838, 0 1px 0 #585858, inset -1px 0 0 #4a4a4a; } -.is-focused .tab.active, -.is-focused .tab.active:hover { - border-top: 1px solid #4a4a4a; - box-shadow: inset -1px 0 0 #595959, inset 1px 0 0 #595959; - border-bottom-color: #424242; - background-image: -webkit-linear-gradient(#555555, #424242); -} - -.tab { - background-color: #555; - background-image: none; - border-top: 1px solid #383838; - border-right: 1px solid #2e2e2e; - border-bottom: 1px solid #2e2e2e; - box-shadow: inset 0 0 5px #555, 0 1px 0 #585858, inset -1px 0 0 #4a4a4a, inset 1px 0 0 #4a4a4a; -} - -.tab:first-child { - box-shadow: inset 0 0 5px #555, 0 1px 0 #585858, inset -1px 0 0 #4a4a4a; -} - .tab.active, .tab.active:hover { border-top: 1px solid #4a4a4a; box-shadow: inset -1px 0 0 #595959, inset 1px 0 0 #595959; border-bottom-color: #424242; - background-image: none; - background-color: #424242; + background-image: -webkit-linear-gradient(#555555, #424242); } .tab, @@ -55,9 +33,9 @@ border-color: #aaa; } -.is-focused .tab.active, -.is-focused .tab.active:hover, -.is-focused .tab.active .close-icon { +.tab.active, +.tab.active:hover, +.tab.active .close-icon { color: #e6e6e6; } @@ -74,8 +52,8 @@ border: 3px solid #777; } -.is-focused .tab.active:first-child, -.is-focused .tab.active:first-child:hover { +.tab.active:first-child, +.tab.active:first-child:hover { box-shadow: inset -1px 0 0 #595959; } @@ -84,18 +62,6 @@ border: 1px solid #595959; } -.is-focused .tab.active:before { - border-bottom-right-radius: 4px; - border-width: 0 1px 1px 0; - box-shadow: 2px 2px 0 #424242; -} - -.is-focused .tab.active:after { - border-bottom-left-radius: 4px; - border-width: 0 0 1px 1px; - box-shadow: -2px 2px 0 #424242; -} - .tab.active:before { border-bottom-right-radius: 4px; border-width: 0 1px 1px 0; @@ -104,6 +70,7 @@ .tab.active:after { border-bottom-left-radius: 4px; + border-width: 0 0 1px 1px; box-shadow: -2px 2px 0 #424242; }