diff --git a/themes/atom-light-ui/blurred.css b/themes/atom-light-ui/blurred.css index 1bc974485..9820f2f96 100644 --- a/themes/atom-light-ui/blurred.css +++ b/themes/atom-light-ui/blurred.css @@ -4,7 +4,18 @@ } .is-blurred .tab { - opacity: 0.5; + background-image: -webkit-linear-gradient(#e7e7e7, #cfcfcf); + box-shadow: + inset 0 1px 0 rgba(255, 255, 255, 0.5), /* top hightlight */ + inset 1px 0 0 rgba(255, 255, 255, 0.3), /* left highlight */ + inset 0 -1px 0 rgba(255, 255, 255, 0.2), /* bottom shadow */ + inset -1px 0 0 rgba(0, 0, 0, 0.2), /* right shadow */ + inset -2px 0 0 rgba(255, 255, 255, 0.1); /* right hightlight */ + color: #777; +} + +.is-blurred .tab .close-icon { + color: #777; } .is-blurred .tree-view:focus .selected > .highlight { diff --git a/themes/atom-light-ui/tabs.css b/themes/atom-light-ui/tabs.css index 1ac2bd3fc..52c0da490 100644 --- a/themes/atom-light-ui/tabs.css +++ b/themes/atom-light-ui/tabs.css @@ -1,13 +1,13 @@ .tabs { - background: #cccccc; + background: #e1e1e1; border: none; - border-bottom: 4px solid #aaa; + border-bottom: 4px solid #ddd; box-shadow: inset 0 -1px 0 #666; } .tab { margin: 0 0 1px 0; - background-image: -webkit-linear-gradient(#bbb, #999); + background-image: -webkit-linear-gradient(#e7e7e7, #cfcfcf); color: #444; text-shadow: 1px 1px rgba(255, 255, 255, 0.1); box-shadow: @@ -19,7 +19,7 @@ } .tab.active { - background-image: -webkit-linear-gradient(#f7f7f7, #ccc); + background-image: -webkit-linear-gradient(#fefefe, #e7e6e7); color: #323232; text-shadow: 1px 1px rgba(255, 255, 255, 0.5); box-shadow: