From 7ffc766d260f974fc7df493031f9d3d8296aac84 Mon Sep 17 00:00:00 2001 From: Ben Ogle Date: Wed, 4 Sep 2013 16:10:13 -0700 Subject: [PATCH] Refactor tab border colors a bit --- themes/atom-light-ui/atom.less | 1 + themes/atom-light-ui/tabs.less | 9 ++++----- themes/atom-light-ui/ui-variables.less | 6 +++--- 3 files changed, 8 insertions(+), 8 deletions(-) diff --git a/themes/atom-light-ui/atom.less b/themes/atom-light-ui/atom.less index f868642a8..70d78bbb0 100644 --- a/themes/atom-light-ui/atom.less +++ b/themes/atom-light-ui/atom.less @@ -3,4 +3,5 @@ #root-view { font: caption; background-color: @app-background-color; + border-top: 1px solid rgba(0, 0, 0, .4); } diff --git a/themes/atom-light-ui/tabs.less b/themes/atom-light-ui/tabs.less index 133625446..7bf87e770 100644 --- a/themes/atom-light-ui/tabs.less +++ b/themes/atom-light-ui/tabs.less @@ -1,7 +1,7 @@ @import "ui-variables"; .tab-bar { - height: @tab-height + 6px; + height: @tab-height + 5px; box-shadow: inset 0px 5px 3px -4px fadeout(@base-border-color, 10%), inset 0px -5px 3px -4px fadeout(@base-border-color, 10%), @@ -10,8 +10,7 @@ margin-bottom: 1px; background-color: @tab-bar-background-color; - border-top: 1px solid @tab-bar-border-color; - border-bottom: 4px solid @tab-border-color; + border-bottom: 4px solid @tab-bar-border-color; } .tab { @@ -23,7 +22,7 @@ box-shadow: inset 0px 5px 3px -4px fadeout(@base-border-color, 10%), inset 0px -5px 3px -4px fadeout(@base-border-color, 10%); - border-right: 1px solid @base-border-color; + border-right: 1px solid @tab-border-color; } .tab:hover { @@ -32,7 +31,7 @@ .tab.active { height: @tab-height + 1px; - background-image: -webkit-linear-gradient(@tab-background-color-active, @tab-border-color); + background-image: -webkit-linear-gradient(@tab-background-color-active, @tab-bar-border-color); color: @text-color-highlight; z-index: 2; box-shadow: diff --git a/themes/atom-light-ui/ui-variables.less b/themes/atom-light-ui/ui-variables.less index 5a7ce1517..662477d88 100644 --- a/themes/atom-light-ui/ui-variables.less +++ b/themes/atom-light-ui/ui-variables.less @@ -42,10 +42,10 @@ @button-border-color: rgba(0, 0, 0, 0.15); @tab-bar-background-color: darken(@base-background-color, 5%); -@tab-bar-border-color: rgba(0, 0, 0, .4); -@tab-background-color: darken(@tab-background-color-active, 10%); +@tab-bar-border-color: darken(@tab-background-color-active, 15%); +@tab-background-color: darken(@tab-background-color-active, 8%); @tab-background-color-active: @base-background-color; -@tab-border-color: darken(@tab-background-color-active, 15%); +@tab-border-color: @base-border-color; @ui-site-color-1: @background-color-success; // green @ui-site-color-2: @background-color-info; // blue