rnhmjoj/solarized-dark-ui
1
0
Fork 0
mirror of https://github.com/Rnhmjoj/solarized-dark-ui synced 2025-01-10 09:24:21 +01:00
Code Issues Releases Wiki Activity

finally

Browse Source
This commit is contained in:
Matt Graham 2013-11-06 14:06:44 -05:00
parent 57320766cc
commit 573b20411c
2 changed files with 14 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
stylesheets/tabs.less
View File

@ -21,7 +21,7 @@
left: 0px; left: 0px;
width: 100%; width: 100%;
background-color: @tab-background-color-active; background-color: @tab-background-color-active;
border-top: 1px solid lighten(@tab-border-color, 5%); border-top: 1px solid @tab-border-color;
} }
.tab { .tab {
@ -33,11 +33,11 @@
padding-left: 0; padding-left: 0;
margin-left: 15px; margin-left: 15px;
border-top-right-radius: @tab-radius; border-top-right-radius: @tab-radius;
border-right: @tab-border;
box-shadow: inset -1px -1px 1px rgba(0,0,0, .05); box-shadow: inset -1px -1px 1px rgba(0,0,0, .05);
-webkit-transform: skewX(@tab-skew); -webkit-transform: skewX(@tab-skew);
transition: color .1s ease-in; transition: color .1s ease-in;
box-shadow: inset -1px 1px 0 @tab-border-color; box-shadow: inset -1px 1px 0 @tab-border-color, 4px 0px 4px rgba(0,0,0,.1);
border: none;
&, &:before { &, &:before {
background-image: -webkit-linear-gradient(top, lighten(#333, 7%), #333); background-image: -webkit-linear-gradient(top, lighten(#333, 7%), #333);
@ -51,9 +51,9 @@
height: @tab-height; height: @tab-height;
width: 40px; width: 40px;
border-top-left-radius: @tab-radius; border-top-left-radius: @tab-radius;
border-left: @tab-border;
-webkit-transform: skewX(133deg); -webkit-transform: skewX(133deg);
box-shadow: inset 1px 1px 0 @tab-border-color; box-shadow: inset 1px 1px 0 @tab-border-color, -4px 0px 4px rgba(0,0,0,.1);
border: none;
} }
.close-icon { .close-icon {
@ -71,13 +71,18 @@
.title{ .title{
-webkit-transform: skewX(-@tab-skew); -webkit-transform: skewX(-@tab-skew);
} }
&:first-child {
margin-left: 20px;
}
} }
.tab.active { .tab.active {
z-index: 10; z-index: 10;
line-height: @tab-height - 3px; line-height: @tab-height - 3px;
color: @text-color-highlight; color: @text-color-highlight;
box-shadow: inset -1px 1px 0 lighten(@tab-border-color, 5%); box-shadow: inset -1px 1px 0 @tab-border-color, 4px -4px 4px rgba(0,0,0,.1);
border: none;
.title{ .title{
position: relative; position: relative;
@ -94,7 +99,8 @@
} }
&:before { &:before {
box-shadow: inset 1px 1px 0 lighten(@tab-border-color, 5%); border: none;
box-shadow: inset 1px 1px 0 @tab-border-color, -4px -4px 4px rgba(0,0,0,.1);
} }
} }

2
stylesheets/ui-variables.less
View File

@ -49,7 +49,7 @@
@tab-bar-border-color: darken(@tab-background-color-active, 10%); @tab-bar-border-color: darken(@tab-background-color-active, 10%);
@tab-background-color: #333; @tab-background-color: #333;
@tab-background-color-active: #222; @tab-background-color-active: #222;
@tab-border-color: #333; @tab-border-color: #484848;
@tree-view-background-color: @tool-panel-background-color; @tree-view-background-color: @tool-panel-background-color;
@tree-view-border-color: @tool-panel-border-color; @tree-view-border-color: @tool-panel-border-color;