Atom theme

README.md

Atom theme, based on the default one.

Custom title bar activated (Mac OS only).

More infos here: atom/atom#10208

It's globally more compact (tabs, panes, ...) that the original one. It's made for an use of 1 pane or 2 panes horizontally split. Might have bugs in any other configuration.

styles.less

// Hide title
.title-bar {
  pointer-events: none;
}

.title-bar .title {
  display: none;
}

// Remove background from titlebar and toolbars
.title-bar,
.tool-bar,
.tool-bar button.tool-bar-btn {
  background-color: transparent;
  border-width: 0;
}

// Shift the tabs up
atom-workspace atom-workspace-axis.horizontal {
  margin-top: -20px;
}

// Keep the side panels aligned
atom-panel-container{
  &.left {
    margin-top: 42px;
  }
  &.right {
    margin-top: 10px;
  }
}

.fullscreen {
  atom-workspace atom-workspace-axis.horizontal {
    margin-top: 0px;
  }
  atom-panel-container{
    &.left {
      margin-top: 0px;
    }
    &.right {
      margin-top: 0px;
    }
  }
}

// Avoid tabs from overlap window controls when sidebar is closed
atom-workspace atom-panel-container.left:empty + atom-workspace-axis.vertical .tab-bar {
  margin-left: 70px;
}

atom-pane-container atom-pane {
  padding-top: 0;
  padding-left: 0;
}

atom-panel-container.left, atom-panel-container.right {
  margin-top: 29px;
  border: solid #181a1f;
  border-width: 1px 1px 0 0;

  &:empty {
    display: none;
  }

  atom-panel {
    border: none;
  }
}

atom-panel-container.footer {
  border-top: 1px solid #181a1f;
}

atom-panel-container.bottom {

  atom-panel {
    border: none;
    border-top: 1px solid #181a1f;
  }
}

.tab-bar {

  &, .tab {
    height: 30px;
    line-height: 30px;
  }
}

.item-views {
  border-width: 0 !important;
}

atom-workspace atom-panel-container.left:empty + atom-workspace-axis.vertical {

  .tab-bar {
    margin-left: 0;
  }
}

atom-panel-container.left:empty + atom-workspace-axis .panes .pane:first-of-type .tab-bar {
  padding-left: 70px !important;
}

.panes .pane:last-of-type .editor {
  border-left: 1px solid #181a1f;
}

.tab-bar .tab {

  &:before {
    display: none;
  }
}

.pane:not(.active) {

  &:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 999;
    background-color: fade(black,10);
    pointer-events: none;
  }
}

atom-text-editor::shadow  {

  ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    position: relative;
    right: 10px;

    &-thumb {
      background-color: fade(white,10);
      width: 100px;
      border-radius: 1000px;

      &:window-inactive {
        display: none;
      }

      &:horizontal {
        display: none;
      }
    }

    &-corner {
      width: 0;
      height: 0;
      background-color: transparent !important;
    }
  }
}