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
 */

/* I prefer a more compact tree-view */

.tree-view {
  font-size: 12px;
  .list-item {
    line-height: 21px !important;
  }
  .selected:before, .selected:before {
    height: 18px !important;
  }
  .icon:before {
    font-size: 11px;
    width: 10px;
    height: 10px;
    opacity: .6;
    position: relative;
    top: 0px;
  }
  .header:before {
    font-size: 10px !important;
    opacity: .6;
    margin-right: 0px !important;
  }
}

/* more subtle invisibles */
.editor {
  .invisible-character {
    color: #504949;
    opacity: 0.5;
  }
  .indent-guide {
    opacity: .5;
  }
}


/* thicker cursor */
.editor .cursor {
  border-left-width: 2px;
}

.editor.is-focused .line-number.cursor-line-no-selection, .editor.is-focused .line.cursor-line {
    background-color: rgba(53, 57, 60, 0)
}

.editor.is-focused .selection .region {
  background-color: RGBA(100, 110, 100, 0.6);
  color: #fff !important;
  text-shadow: none;
}