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

next dark treeview

Browse Source
This commit is contained in:
Matt Graham 2013-12-03 20:05:39 -05:00 committed by Ben Ogle
parent ba02047b61
commit 10b91649d6
4 changed files with 47 additions and 71 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
index.less
View File

@ -1,15 +1,17 @@
@import "stylesheets/atom";
@import "stylesheets/utilities";
@import "stylesheets/text";
@import "stylesheets/git";
@import "stylesheets/sites";
@import "stylesheets/progress";
@import "stylesheets/buttons";
@import "stylesheets/panels";
@import "stylesheets/panes";
@import "stylesheets/editor";
@import "stylesheets/git";
@import "stylesheets/lists";
@import "stylesheets/overlays";
@import "stylesheets/editor";
@import "stylesheets/panels";
@import "stylesheets/panes";
@import "stylesheets/progress";
@import "stylesheets/sites";
@import "stylesheets/tabs";
@import "stylesheets/text";
@import "stylesheets/tooltips";
@import "stylesheets/utilities";
@import "stylesheets/tree-view";

15
stylesheets/lists.less
View File

@ -21,17 +21,18 @@
.generate-list-item-text-color(error);
.generate-list-item-text-color(selected);
.generate-list-item-status-color(@textClass, @status) {
.generate-list-item-status-color(@color, @status) {
li:not(.list-nested-item).status-@{status},
li.list-nested-item.status-@{status} > .list-item {
.text(@textClass);
color: @color;
}
}
.generate-list-item-status-color(subtle, ignored);
.generate-list-item-status-color(info, added);
.generate-list-item-status-color(success, renamed);
.generate-list-item-status-color(warning, modified);
.generate-list-item-status-color(error, removed);
.generate-list-item-status-color(@text-color-subtle, ignored);
.generate-list-item-status-color(@text-color-added, added);
.generate-list-item-status-color(@text-color-renamed, renamed);
.generate-list-item-status-color(@text-color-modified, modified);
.generate-list-item-status-color(@text-color-removed, removed);
li:not(.list-nested-item).selected,
li.list-nested-item.selected > .list-item {

72
stylesheets/tree-view.less
View File

@ -1,60 +1,32 @@
@import "ui-variables";
.tree-view, {
font-size: @font-size;
background: @tree-view-background-color;
.tree-view {
font-size: @font-size;
background: @tree-view-background-color;
.selected:before {
background: #333;
box-shadow: inset -3px 0px 0 rgba(0,0,0, .05);
}
.selected:before {
background: #444;
box-shadow: inset -3px 0 0 rgba(0,0,0, .05);
}
}
.focusable-panel {
opacity: 1;
background: #222;
box-shadow: inset -3px 0px 0 rgba(0,0,0, .05);
opacity: 1;
background: #303030;
box-shadow: inset -3px 0 0 rgba(0,0,0, .05);
.icon:before {
color: #ccc;
}
&:focus {
background: #282828;
.name {
color: #999;
}
.selected:before {
background: @background-color-selected;
}
&:focus {
.icon:before {
color: #ccc;
}
.name {
color: #fff;
}
.selected:before {
box-shadow: inset 0 1px 0 darken(@background-color-selected, 20%), inset 0 -1px 0 darken(@background-color-selected, 20%);
background: @background-color-selected;
}
.selected > .list-item > .name,
.selected > .list-item > .name:before,
.selected > .name,
.selected > .name:before {
color: #fff !important;
}
}
.selected > .name,
.selected > .name:before,
.selected > .list-item > .name,
.selected > .list-item > .name:before {
color: #fff !important;
}
}
}
.status-modified .name, .status-modified .name:before {
color: @text-color-modified !important;
}
.status-added .name, .status-added .name:before {
color: @text-color-added !important;
}
.status-renamed .name, .status-renamed .name:before {
color: @text-color-renamed !important;
}

13
stylesheets/ui-variables.less
View File

@ -6,14 +6,15 @@
@text-color-selected: @text-color-highlight;
@text-color-info: #5293d8;
@text-color-success: #1fe977;
@text-color-warning: #f78a46;
@text-color-success: #529b2f;
@text-color-warning: #ff982d;
@text-color-error: #c00;
@text-color-modified: #ff982d;
@text-color-added: #529b2f;
@text-color-ignored: #999;
@text-color-renamed: #5293d8;
@text-color-ignored: @text-color-subtle;
@text-color-added: @text-color-success;
@text-color-renamed: @text-color-info;
@text-color-modified: @text-color-warning;
@text-color-removed: @text-color-error;
@background-color-info: #0098ff;
@background-color-success: #17ca65;