github/atom
1
1
Fork 0
mirror of https://github.com/atom/atom.git synced 2026-04-06 03:02:13 -04:00
Code Issues Packages Projects Releases Wiki Activity

Add new variables to dark theme

Browse Source
This commit is contained in:
Ben Ogle
2013-09-04 17:33:31 -07:00
parent 3cb6710eed
commit ffcf621afc
2 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
themes/atom-dark-ui/tabs.less
View File

@@ -2,16 +2,17 @@
.tab-bar {
height: @tab-height + 5px;
border-bottom: 4px solid @tab-border-color;
border-bottom: 4px solid @tab-bar-border-color;
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.2), 0 1px 0 rgba(0, 0, 0, 0.5);
margin-bottom: 1px;
background-color: @tab-bar-background-color;
}
.tab {
height: @tab-height;
line-height: @tab-height;
color: @text-color;
margin: 0 0 1px 1px;
margin: 0;
background-image: -webkit-linear-gradient(@tab-background-color, darken(@tab-background-color, 10%));
box-shadow:
inset 0 2px 0 rgba(255, 255, 255, 0.1),
@@ -26,7 +27,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;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
z-index: 2;

8
themes/atom-dark-ui/ui-variables.less
View File

@@ -14,6 +14,7 @@
@background-color-warning: #ff4800;
@background-color-error: #c00;
@background-color-highlight: rgba(255, 255, 255, 0.07);
@background-color-selected: @background-color-highlight;
@app-background-color: #333;
@@ -40,9 +41,14 @@
@button-background-color-selected: #5c6064;
@button-border-color: @base-border-color;
@tab-bar-background-color: @inset-panel-background-color;
@tab-bar-border-color: darken(@tab-background-color-active, 10%);
@tab-background-color: #292c2f;
@tab-background-color-active: @panel-heading-background-color;
@tab-border-color: darken(@tab-background-color-active, 10%);
@tab-border-color: transparent;
@tree-view-background-color: @tool-panel-background-color;
@tree-view-border-color: @tool-panel-border-color;
@ui-site-color-1: @background-color-success; // green
@ui-site-color-2: @background-color-info; // blue