github/atom
1
1
Fork 0
mirror of https://github.com/atom/atom.git synced 2026-01-23 05:48:10 -05:00
Code Issues Packages Projects Releases Wiki Activity

Refactor tab border colors a bit

Browse Source
This commit is contained in:
Ben Ogle
2013-09-04 16:10:13 -07:00
parent b81329d8d8
commit 7ffc766d26
3 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
themes/atom-light-ui/atom.less
View File

@@ -3,4 +3,5 @@
#root-view {
font: caption;
background-color: @app-background-color;
border-top: 1px solid rgba(0, 0, 0, .4);
}

9
themes/atom-light-ui/tabs.less
View File

@@ -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:

6
themes/atom-light-ui/ui-variables.less
View File

@@ -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