update blurred styles for atom-light-ui

This commit is contained in:
Justin Palmer 2013-02-05 08:46:54 -08:00
parent 0bd6ce7ae1
commit 5af967ac4b
4 changed files with 31 additions and 38 deletions

View File

@ -0,0 +1,25 @@
.is-blurred .tab {
background-image: none;
background-color: #e0e0e0);
border-top: none;
border-right: 1px solid #959595;
border-bottom: 1px solid #959595;
box-shadow: inset 0 0 5px #eee, 0 1px 0 #eee, inset -1px 0 0 #e0e0e0, inset 1px 0 0 #e0e0e0;
color: #323232;
}
.is-blurred .tree-view {
background: #f3f3f3;
border-right: 1px solid #c5c5c5;
}
.is-blurred .tree-view:focus .selected > .highlight {
border-top: 1px solid #3D4552;
border-bottom: 1px solid #3D4552;
background-image: none;
background-color: #69717b;
}
.is-blurred .tree-view .name:before {
color: #7e7e7e;
}

View File

@ -9,6 +9,7 @@
"markdown-preview.css", "markdown-preview.css",
"command-panel.css", "command-panel.css",
"command-logger.css", "command-logger.css",
"blurred.css",
"bracket-matcher.css" "bracket-matcher.css"
] ]
} }

View File

@ -4,18 +4,8 @@
box-shadow: inset 0 -1px 0 #959595, 0 1px 0 #989898; box-shadow: inset 0 -1px 0 #959595, 0 1px 0 #989898;
} }
.is-focused .tab {
background-image: -webkit-linear-gradient(#e0e0e0, #bfbfbf);
border-top: none;
border-right: 1px solid #959595;
border-bottom: 1px solid #959595;
box-shadow: inset 0 0 5px #eee, 0 1px 0 #eee, inset -1px 0 0 #e0e0e0, inset 1px 0 0 #e0e0e0;
color: #323232;
}
.tab { .tab {
background-image: none; background-image: -webkit-linear-gradient(#e0e0e0, #bfbfbf);
background-color: #e0e0e0);
border-top: none; border-top: none;
border-right: 1px solid #959595; border-right: 1px solid #959595;
border-bottom: 1px solid #959595; border-bottom: 1px solid #959595;

View File

@ -1,13 +1,8 @@
.is-focused .tree-view { .tree-view {
background: #dde3e8; background: #dde3e8;
border-right: 1px solid #989898; border-right: 1px solid #989898;
} }
.tree-view {
background: #f3f3f3;
border-right: 1px solid #c5c5c5;
}
.tree-view .entry { .tree-view .entry {
text-shadow: 0 1px 0 #fff; text-shadow: 0 1px 0 #fff;
} }
@ -17,7 +12,7 @@
color: #262626; color: #262626;
} }
.is-focused .tree-view .selected > .highlight { .tree-view .selected > .highlight {
box-sizing: border-box; box-sizing: border-box;
border-top: 1px solid #97a4a7; border-top: 1px solid #97a4a7;
border-bottom: 1px solid #97a4a7; border-bottom: 1px solid #97a4a7;
@ -25,25 +20,10 @@
background-image: -webkit-linear-gradient(#cad5d8, #bcccce); background-image: -webkit-linear-gradient(#cad5d8, #bcccce);
} }
.tree-view .selected > .highlight {
box-sizing: border-box;
border-top: 1px solid #97a4a7;
border-bottom: 1px solid #97a4a7;
background-image: none;
background-color: #DFDFDF;
}
.is-focused .tree-view:focus .selected > .highlight {
border-top: 1px solid #3D4552;
border-bottom: 1px solid #3D4552;
background-image: -webkit-linear-gradient(#7e868d, #69717b);
}
.tree-view:focus .selected > .highlight { .tree-view:focus .selected > .highlight {
border-top: 1px solid #3D4552; border-top: 1px solid #3D4552;
border-bottom: 1px solid #3D4552; border-bottom: 1px solid #3D4552;
background-image: none; background-image: -webkit-linear-gradient(#7e868d, #69717b);
background-color: #69717b;
} }
.tree-view:focus .directory.selected > .header > .name, .tree-view:focus .directory.selected > .header > .name,
@ -62,13 +42,10 @@
color: #262626; color: #262626;
} }
.is-focused .tree-view .name:before { .tree-view .name:before {
color: #7e8692; color: #7e8692;
} }
.tree-view .name:before {
color: #7e7e7e;
}
.tree-view .entry:hover, .tree-view .entry:hover,
.tree-view .directory .header:hover .name, .tree-view .directory .header:hover .name,