almost to v2

index.less

@@ -1,15 +1,15 @@
-@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/lists';
-@import 'stylesheets/editor';
-@import 'stylesheets/tabs';
-@import 'stylesheets/tooltips';
-@import 'stylesheets/overlays';
-@import 'stylesheets/dropdowns';
+@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/lists";
+@import "stylesheets/overlays";
+@import "stylesheets/editor";
+@import "stylesheets/tabs";
+@import "stylesheets/tooltips";
+@import "stylesheets/tree-view";

stylesheets/lists.less

@@ -33,6 +33,11 @@
   .generate-list-item-status-color(warning, modified);
   .generate-list-item-status-color(error, removed);
 
+  li:not(.list-nested-item).selected,
+  li.list-nested-item.selected > .list-item {
+    .text(selected);
+  }
+
   li:not(.list-nested-item):hover,
   li.list-nested-item:hover > .list-item, // i.e. highlight directory when hover child file
   li.list-nested-item .list-item:hover,
@@ -47,13 +52,16 @@
 &.select-list ol.list-group {
   li.two-lines {
     .secondary-line { color: @text-color-subtle; }
-    &.selected .secondary-line { color: lighten(@text-color-subtle, 10%); }
+    &.selected .secondary-line {
+      color: lighten(@text-color-subtle, 10%);
+      text-shadow: none;
+    }
   }
 
   // We want to highlight the background of the list items because we dont
   // know their size.
   li.selected {
-    background-color: @background-color-highlight;
+    background-color: @background-color-selected;
     &:before{ display: none; }
   }
 
@@ -87,7 +95,7 @@
 
 .select-list.popover-list {
   background-color: @overlay-background-color;
-  -webkit-box-shadow: 0 0 3px 3px @base-border-color;
+  box-shadow: 0 0 10px @base-border-color;
   padding: @component-padding/2;
   border-radius: @component-border-radius;
   border: 1px solid @overlay-border-color;
@@ -109,7 +117,7 @@
   // For sortable lists in the settings view
   li.ui-sortable-placeholder {
     visibility: visible !important;
-    background-color: darken(@pane-item-background-color, 3%);
+    background-color: darken(@pane-item-background-color, 10%);
   }
 }
 

stylesheets/tree-view.less

@@ -0,0 +1,60 @@
+@import "ui-variables";
+
+.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);
+	}
+}
+
+.focusable-panel {
+	opacity: 1;
+	background: #222;
+	box-shadow: inset -3px 0px 0 rgba(0,0,0, .05);
+
+	.icon:before {
+		color: #ccc;
+	}
+
+	.name {
+		color: #999;
+	}
+
+	&: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;
+		}
+	}
+}
+
+.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;
+}

stylesheets/ui-mixins.less

@@ -5,7 +5,7 @@
 .text(normal) {
   font-weight: normal;
   color: @text-color;
-  text-shadow: 0 -1px 0 #333;
+  text-shadow: none;
 }
 .text(subtle) {
   font-weight: normal;
@@ -15,7 +15,7 @@
 .text(highlight) {
   font-weight: normal;
   color: @text-color-highlight;
-  text-shadow: 0 -1px 0 #333;
+  text-shadow: 0 1px 0 rgba(0,0,0, .5);
 }
 .text(selected) {
   .text(highlight)

stylesheets/ui-variables.less

@@ -10,12 +10,17 @@
 @text-color-warning: #f78a46;
 @text-color-error: #c00;
 
+@text-color-modified: #ff982d;
+@text-color-added: #529b2f;
+@text-color-ignored: #999;
+@text-color-renamed: #5293d8;
+
 @background-color-info: #0098ff;
 @background-color-success: #17ca65;
 @background-color-warning: #ff4800;
 @background-color-error: #c00;
 @background-color-highlight: rgba(255, 255, 255, 0.07);
-@background-color-selected: @background-color-highlight;
+@background-color-selected: #4182C4;
 
 @app-background-color: #333;