diff --git a/themes/atom-light-ui/package.cson b/themes/atom-light-ui/package.cson
index ece0b95aa..da26fdedf 100644
--- a/themes/atom-light-ui/package.cson
+++ b/themes/atom-light-ui/package.cson
@@ -8,7 +8,8 @@
   'buttons'
   'panels'
   'lists'
+  'overlays'
   'editor'
   'tabs'
-  'overlays'
+  'tree-view'
 ]
diff --git a/themes/atom-light-ui/tree-view.less b/themes/atom-light-ui/tree-view.less
new file mode 100644
index 000000000..58e9fd198
--- /dev/null
+++ b/themes/atom-light-ui/tree-view.less
@@ -0,0 +1,5 @@
+@import "ui-variables";
+
+.tree-view {
+  background-image: -webkit-linear-gradient(@tree-view-background-color, darken(@tree-view-background-color, 3%));
+}
diff --git a/themes/atom-light-ui/ui-variables.less b/themes/atom-light-ui/ui-variables.less
index 16de5d9e0..f70de557d 100644
--- a/themes/atom-light-ui/ui-variables.less
+++ b/themes/atom-light-ui/ui-variables.less
@@ -48,6 +48,9 @@
 @tab-background-color-active: @base-background-color;
 @tab-border-color: @base-border-color;
 
+@tree-view-background-color: #e7eaf1;
+@tree-view-border-color: @base-border-color;
+
 @ui-site-color-1: @background-color-success; // green
 @ui-site-color-2: @background-color-info; // blue
 @ui-site-color-3: @background-color-warning; // orange