Flat tab bar for Atom

readme.md

Use this css to disable the ugly skew-tabs that Atom ships with:

styles.less

.pane .tab-bar {
  padding-left: 0;
  padding-right: 0;
  height: 30px + 1px;

  &:after {
    border-bottom: none;
    height: 1px;
  }

  .tab {
    top: 0;

    // If you're going to skew, skew into this:
    &,
    &:before,
    & > .title,
    & > .close-icon {
      -webkit-transform: none;
    }

    &,
    &:before {
      border-radius: 0;
      box-shadow: none;
      background-image: none;
      background-color: #161719;
      height: 30px;
    }

    &:before {
      width: 18px;
    }
  }

  .tab.active,
  .tab.active:before {
    background-color: #484848;
  }
}