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

Use panel colors in tabs

Browse Source
This commit is contained in:
Ben Ogle
2013-08-22 18:22:35 -07:00
parent c3350a6d60
commit 3fc6995ac1
3 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
themes/neue-dark-ui/panels.less
View File

@@ -10,7 +10,7 @@
line-height: 1;
background-color: transparent;
background-image: linear-gradient(@inset-panel-background-highlight-color, fadeout(@tool-panel-background-highlight-color, 1%));
background-image: -webkit-linear-gradient(@panel-heading-background-color, darken(@panel-heading-background-color, 10%));
}
.inset-panel {

6
themes/neue-dark-ui/tabs.less
View File

@@ -2,7 +2,7 @@
.tab-bar {
height: @tab-height + 5px;
border-bottom: 4px solid darken(@tab-color-active, 10%);
border-bottom: 4px solid darken(@tab-background-color-active, 10%);
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.2), 0 1px 0 rgba(0, 0, 0, 0.5);
margin-bottom: 1px;
}
@@ -12,7 +12,7 @@
line-height: @tab-height;
color: @text-color;
margin: 0 0 1px 1px;
background-image: -webkit-linear-gradient(@tab-color-inactive, darken(@tab-color-inactive, 10%));
background-image: -webkit-linear-gradient(@tab-background-color-inactive, darken(@tab-background-color-inactive, 10%));
box-shadow:
inset 0 2px 0 rgba(255, 255, 255, 0.1),
inset 0 1px 0 rgba(0, 0, 0, 1),
@@ -26,7 +26,7 @@
.tab.active {
height: @tab-height + 1px;
background-image: -webkit-linear-gradient(@tab-color-active, darken(@tab-color-active, 10%));
background-image: -webkit-linear-gradient(@tab-background-color-active, darken(@tab-background-color-active, 10%));
color: @text-color-highlight;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
z-index: 2;

7
themes/neue-dark-ui/ui-variables.less
View File

@@ -30,10 +30,15 @@
@inset-panel-background-color: #161719;
@inset-panel-background-highlight-color: rgba(255, 255, 255, 0.07);
@panel-heading-background-color: #43484d;
@button-color: #303030;
@button-color-hover: #353536;
@button-color-active: #404040;
@tab-background-color-active: @panel-heading-background-color;
@tab-background-color-inactive: #292c2f;
@site-color-1: #4dd157;
@site-color-2: #3facc1;
@site-color-3: #db2ff4;
@@ -51,5 +56,3 @@
@component-border-radius: 2px;
@tab-height: 30px;
@tab-color-active: #43484d;
@tab-color-inactive: #292c2f;