diff --git a/themes/atom-dark-ui/tabs.css b/themes/atom-dark-ui/tabs.css index 850faf978..1d41d72a7 100644 --- a/themes/atom-dark-ui/tabs.css +++ b/themes/atom-dark-ui/tabs.css @@ -2,8 +2,10 @@ background: #161719; border: none; box-shadow: none; - border-bottom: 3px solid rgba(255, 255, 255, 0.1); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.2); + border-bottom: 4px solid rgba(41, 44, 47, 1); + box-shadow: + inset 0 -1px 0 rgba(255, 255, 255, 0.2), + 0 -20px 0 rgba(0, 0, 0, 1); } .tab { @@ -14,16 +16,18 @@ inset 0 1px 0 rgba(255, 255, 255, 0.1), inset 1px 0 0 rgba(255, 255, 255, 0.05), inset -1px 0 0 rgba(255, 255, 255, 0.05); - color: #ccc; + color: #b9bdc1; padding: 5px 20px; } .tab.active { - background-image: -webkit-linear-gradient(#444, #222); + background-image: -webkit-linear-gradient(#43484d, #303337); color: #fff; padding-top: 6px; + text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); box-shadow: - inset 0 1px 0 rgba(0, 0, 0, 0.2), + inset 0 1px 0 rgba(0, 0, 0, 0.5), + inset 0 2px 0 rgba(255, 255, 255, 0.1), inset 1px 0 0 rgba(255, 255, 255, 0.1), inset -1px 0 0 rgba(255, 255, 255, 0.1); }