My custom Atom.io styles

styles.less

/*
 * Your Stylesheet
 *
 * This stylesheet is loaded when Atom starts up and is reloaded automatically
 * when it is changed.
 *
 * If you are unfamiliar with LESS, you can read more about it here:
 * http://www.lesscss.org
 */

.tree-view {
  font-family: 'Helvetica Neue';
  font-size: 15px;
  .list-tree {
    .selected.status-modified {
      color: tomato;
      > .list-item.header {
        color: tomato;
      }
    }
  }
}
.editor {
  /* font-family: 'Menlo'; */
  /* font-family: 'Andale Mono'; */
  font-family: 'Monaco';
  .selection {
    .region {
      background-color: orange;
    }
  }
  .comment {
    color: #bdbdbd;
  }
}

.editor .cursor {
}