ATOM

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
 */
body, html {
  font-family: 'Source Han Code JP';
  background: #F8F8F8;
}
atom-workspace {
  font-family: 'Source Han Code JP', 'Ricty Diminished Discord';
}

@list-tree-height: 18px;

.list-group .selected::before, .list-tree .selected::before{
  height: @list-tree-height;
  line-height: @list-tree-height;
}
.tree-view {
  background: #F8F8F8;
  &:active, &:hover{
    background: #F8F8F8;
  }
  ol.entries.list-tree li {
    font-size: 10px;
    line-height: @list-tree-height;
    span.icon:before {
      font-size: 10px;
      line-height: @list-tree-height;
    }
  }
}

.vertical {
  .pane {
    opacity:0.40;
    &.active {
      opacity: 1.0;
    }
  }
  .panes .pane-row > *,
  .panes .pane-column > * {
    border-right: 1px solid rgba(150, 150, 150, 0.2);
  }
}
.atom-text-editor {
  .line.cursor-line {
    background: #F8F8F8;
  }
}

/**-------------------------------------------------------------
 * .tab-bar
-------------------------------------------------------------**/
.tab-bar {
  .tab {
    font-size: 10px;
    line-height: 26px;
    background: none;
    background-color: #e8e8e8;
    &:before, &:after {
      background: none;
      background-color: #e8e8e8;
      -webkit-transform: skewX(0);
    }
  }
}