Atom custom style to add git file status icons to tree-view

styles.less

// This was created while using the Seti theme
// Adjust to your taste

// Default
// @left: 0; @top: 0;

// Left
@left: 0.7em; @top: 0.6em;

// Right
// @left: 2.4em; @top: 0.6em;

.tree-view {
  li {
    position: relative;
  }
  [class^='status-']::before,
  [class*=' status-']::before {
    -webkit-font-smoothing: antialiased;
    font-family: 'Octicons Regular';
    font-size: 10px;
    left: @left;
    line-height: 2.5;
    top: @top;
    z-index: 1;
  }
  .directory::before {
    left: @left + 2;
  }
  .status-added::before {
    color: fade(green, 50%);
    content: '\f06b';
  }
  .status-ignored::before {
    color: fade(gray, 50%);
    content: '\f099';
  }
  .status-modified::before {
    color: fade(yellow, 50%);
    content: '\f06d';
  }
  .status-removed::before {
    color: fade(red, 50%);
    content: '\f06c';
  }
  .status-renamed::before {
    color: fade(orange, 50%);
    content: '\f06e';
  }
}