atom/themes/atom-light-ui/tree-view.css

.tree-view {
  background: #dde3e8;
  border-right: 1px solid #989898;
}

.tree-view .entry {
  text-shadow: 0 1px 0 #fff;
}

.tree-view .entries {
  margin-left: 12px;
}

.tree-view .entries .file .name {
  margin-left: 20px;
}

.tree-view .directory.selected > .header > .name,
.tree-view .selected > .name {
  color: #262626;
}

.tree-view .selected > .highlight {
  box-sizing: border-box;
  border-top: 1px solid #97a4a7;
  border-bottom: 1px solid #97a4a7;
  box-shadow: 0 -1px 0 #dde4e6, 0 1px 0 #dde4e6;
  background-image: -webkit-linear-gradient(#cad5d8, #bcccce);
}

.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 .directory.selected > .header > .name,
.tree-view:focus .selected > .name,
.tree-view:focus .directory.selected > .header > .name:before,
.tree-view:focus .selected > .name:before {
  color: #fff;
  text-shadow: 0 1px 0 #000;
}

.tree-view .directory .header {
  color: #262626;
}

.tree-view .file {
  color: #262626;
}

.tree-view .name:before {
  color: #7e8692;
}

.tree-view .entry:hover,
.tree-view .directory .header:hover .name,
.tree-view .directory .header:hover .disclosure-arrow  {
  color: #4e5666;
}

.tree-view .directory .header .disclosure-arrow,
.tree-view .directory .header:hover .disclosure-arrow  {
  text-shadow: none;
  color: #4e5666;
}

.tree-view:focus .directory .header .disclosure-arrow,
.tree-view:focus .directory .header:hover .disclosure-arrow  {
  color: #3D4552;
}

.tree-view .file .name,
.tree-view .directory .header {
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 10px;
}

.tree-view .directory .header {
  padding-left: 5px;
}

.tree-view .ignored {
  color: #555;
}

.tree-view .modified {
  color: #f78a46;
}

.tree-view .new {
  color: #5293d8;
}

.tree-view-dialog {
  background-color: #e7e7e7;
  border-top: 1px solid #989898;
  padding: 5px;
}

.tree-view-dialog .prompt {
  padding-bottom: 3px;
  font-size: 12px;
  line-height: 16px;
  color: #333;
}

.tree-view-dialog .prompt span {
  position: relative;
  top: -1px;
}

.tree-view-dialog .prompt:before {
  font-family: 'Octicons Regular';
  font-size: 16px;
  width: 16px;
  height: 16px;
  margin-right: 3px;
  -webkit-font-smoothing: antialiased;
}

.tree-view-dialog .prompt.add:before {
  content: "\f086";
}

.tree-view-dialog .prompt.move:before {
  content: "\f03e";
}

.tree-view .directory .header .name,
.tree-view .file .name {
  position: relative;
  padding-left: 21px;
}

.tree-view .directory .header .name:before,
.tree-view .file .name:before {
  font-family: 'Octicons Regular';
  font-size: 16px;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  left: 0;
}

.tree-view .disclosure-arrow:before {
  font-family: 'Octicons Regular';
  font-size: 12px;
  width: 12px;
  height: 12px;
  line-height: 16px;
  margin-right: 3px;
  -webkit-font-smoothing: antialiased;
}

.tree-view .directory .header .directory-icon:before {
  content: "\f016";
  top: -5px;
}

.tree-view .directory .header .repository-icon:before {
  content: "\f001";
  top: -4px;
}

.tree-view .directory .header .submodule-icon:before {
  content: "\f017";
  top: -5px;
}

.tree-view .file .text-icon:before {
  content: "\f011";
  top: -2px;
}

.tree-view .file .image-icon:before {
  content: "\f012";
  top: -2px;
}

.tree-view .file .compressed-icon:before {
  content: "\f013";
  top: -2px;
}

.tree-view .file .pdf-icon:before {
  content: "\f014";
  top: -2px;
}

.tree-view .directory > .header .disclosure-arrow:before {
  content: "\f05a";
}

.tree-view .directory.expanded > .header .disclosure-arrow:before {
  content: "\f05b";
}