Atom custom style for Atom Dark / Neon

styles.less

atom-text-editor, atom-text-editor {
  // color: #71787c;
  color: #aaa;
}

.scroll-view {
  // -webkit-font-smoothing: none !important;
  // font-family: Unscii-Mod;
  // font-size: 17px;

  // -webkit-text-stroke: 0.015em;
}
atom-text-editor .gutter .line-number.split-diff-added,
atom-text-editor .line.split-diff-added {
  background-color: rgba(0,100,50, 0.5);
}
atom-text-editor .split-diff-offset, atom-text-editor .split-diff-offset {
  background-color: rgba(0,0,0,0.4);
}

@comment-color: rgb(120, 120, 120);
@comment-background-color: #333;
atom-text-editor {
  .syntax--js.source span.syntax--comment,
  span.syntax--comment {
    &.syntax--definition.syntax--punctuation {
      color: @comment-color;
    }
    background: @comment-background-color;
    color: @comment-color;
    text-shadow: none;
  }
  .syntax--punctuation, .syntax--brace {
    // color: #aaa;
  }
}


.region.bracket-matcher {
  border: none;
  border-radius: 7px;
  border-bottom: 2px solid red;
}

.cursor-line {
  background-color: transparent !important;
}

atom-text-editor {
  li.event.selected {
    background: #ff0000;
  }
}

.rainbow-tab(@ext: ''; @color: '') {
  tabs-bar tabs-tab .title[data-name$="@{ext}"],
  .tab-bar .tab .title[data-name$="@{ext}"] {
    background-color: @color !important;
  }
}

atom-dock {
  &.right, &.left {
    width: 3px;
  }
  &.bottom {
    height: 3px;
  }
  background: #444;
  .atom-dock-open {
    position: absolute;
    transition: all 0.2s;
  }
  &.right {
    &:hover .atom-dock-open.right {
      right: 0;
      // border-left: 5px solid #f44;
    }
    .atom-dock-open.right {
      z-index: 11;
      top: 0;
      bottom: 0;
      right: -1000px;
    }
  }
  &.left {
    &:hover .atom-dock-open.left {
      left: 0;
    }
    .atom-dock-open.left {
      z-index: 10;
      top: 0;
      bottom: 0;
      left: -1000px;
    }
  }
  &.bottom {
    // z-index: 10;
    // position: fixed;
    // bottom: 0;
    // left: 0;
    // width: 100px;
    // background-color: transparent;
    // outline: 1px solid teal;
    &:hover .atom-dock-open.bottom {
      bottom: 0;
      z-index: 1;
    }
    .atom-dock-open.bottom {
      z-index: 9;
      right: 0;
      left: 0;
      bottom: -1000px;
    }
  }
}



.diagonal-stripe-bg(@c1, @c2, @grad: 45deg, @size: 10px) {
  background: repeating-linear-gradient(
    @grad,
    @c1,
    @c1 @size,
    @c2 @size,
    @c2 (@size * 2)
  );
}

.shadow-bg(@co) {
  box-shadow: inset 0 0 50px 0px @co;
}

.theme-atom-dark-ui {
  .results-view {
    li {
      font-size: 12px;
      // font-family: sans-serif;
    }
  }
  .select-list {
    .two-lines {
      font-family: 'Gill Sans MT Condensed';
      text-shadow: 0 0 5px rgba(0,0,0,0.4) !important;
      font-size: 28px !important;
      &.selected {
        background: rgba(120,120,120,0.3);
      }
      .primary-line {
        &.icon:before {
          margin-right: 10px;
          vertical-align: middle;
        }
      }
      .secondary-line {
        font-size: 24px !important;
        color: #aaa !important;
        text-shadow: 0 0 5px rgba(0,0,0,0.4) !important;
        line-height: 30px;
        padding-left: 50px;
      }
      .character-match {
      }
    }
  }
  .status-ignored {
    &.selected .name {
      color: white;
    }
    .name {
      color: #999;
      font-style: italic;
    }
  }
}

// .theme-climate-ui,
// .theme-one-dark-ui {
.theme-atom-dark-ui {
  .status-bar {
    height: 19px;
  }
  .tab-bar {
    background-color: rgb(49, 51, 62);
    box-shadow: none;
    padding: 3px 2px;
    height: auto;
    flex-wrap: wrap;
    &:after {
      display: none;
    }
    .tab {
      height: 20px;
      line-height: 20px;
      padding: 0;
      margin: 3px;
      background-color: initial;
      text-align: left;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
      top: 0;
      &.active {
        font-size: 10px;
        .title {
          text-shadow: 0 0 5px rgba(0,0,0,1.0);
          background-color: rgba(255,255,255,0.6);
        }
        &:hover {
          .title {
            background-color: rgba(255,255,255,0.8);
          }
        }
      }
      &:hover {
        .title {
          background-color: rgba(255, 255, 255, 0.3);
        }
      }
      &:before, &:after {
        display: none;
      }
      .title {
        color: white;
        font-weight: bold;
        text-shadow: 0 0 2px rgba(0,0,0,0.8);
        line-height: 20px;
        height: 20px;
        background-color: rgba(255,255,255,0.15);
        transition: all 0.2s;
        padding: 0 2px 0 0;
        margin: 0;
        font-size: 12px;
        &:not(.icon) {
          padding-left: 10px;
        }
        &:before {
          text-shadow: none;
          display: inline-block !important;
          background: rgba(0, 0, 0, 0.3);
          // width: 24px;
          height: 20px;
          top: 0;
          line-height: 20px;
          margin-right: 3px !important;
          font-size: 14px !important;
          text-align: center;
          vertical-align: top;
          padding-left: 5px;
          padding-right: 5px;
        }
        .role-marker() {
          color: white;
          font-family: 'Gill Sans MT';
          // padding: 0;
          padding-left: 3px;
          padding-right: 3px;
          line-height: 20px;
          font-weight: bold;
          font-size: 16px !important;
          text-shadow: 0 0 5px rgba(0,0,0,0.5);
          border: 1px solid transparent;
        }
        &[data-path*="/templates/"]:before {
          .role-marker();
          content: 'T';
        }
        &[data-path*="/models/"]:before {
          .role-marker();
          content: 'M';
        }
        &[data-path*="/routes/"]:before {
          .role-marker();
          content: 'R';
        }
        &[data-path*="/controllers/"]:before {
          .role-marker();
          content: 'Ctrl';
        }
        &[data-path*="/components/"]:before {
          .role-marker();
          content: 'K';
        }
        &[data-path*="/partials/"]:before {
          .role-marker();
          content: ' ';
        }
        &[data-path*="/serializers/"]:before {
          .role-marker();
          content: 'srl';
        }
        &[data-path*="/search-results/"]:before {
          .role-marker();
          content: 'sr';
        }
        &[data-path*="/adapters/"]:before {
          .role-marker();
          content: 'ad';
        }
        &[data-path*="/helpers/"]:before {
          .role-marker();
          content: 'h';
        }
        &[data-path*="/initializers/"]:before {
          .role-marker();
          content: 'in';
        }
        &[data-path*="/mixins/"]:before {
          .role-marker();
          content: 'Mx';
        }
        &[data-path*="/services/"]:before {
          .role-marker();
          content: 'Srv';
        }
        &[data-path*="/config/"][data-path*="ct_"]:before {
          .role-marker();
          content: 'CT';
        }
        &[data-path*="/config/"][data-path*="dict_"]:before {
          .role-marker();
          content: 'DI';
        }
        &:after {
          position: absolute;
          content: "\e3a6";
          display: block;
          background-color: rgba(255,255,255, 0.9);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
          color: transparent;
          text-shadow: none;
          right: 0;
          top: 0;
          border-bottom-left-radius: 100px;
          width: 6px;
          height: 6px;
          font-size: 6px;
          margin: 0 !important;
          line-height: initial;
          padding: 0 !important;
          transform: scale(0.0);
          transition: all 0.3s;
        }
        &[data-name$=".hbs"], &[data-name$=".handlebars"] {
          .shadow-bg(rgba(255, 70, 0, 0.6));
        }
        &[data-name$=".js"] {
          .shadow-bg(rgba(0, 255, 160, 0.6));
        }
        &[data-name$=".coffee"] {
          .shadow-bg(rgba(120, 230, 0, 0.6));
        }
        &[data-name$=".less"], &[data-name$=".scss"] {
          .shadow-bg(rgba(0, 100, 220, 0.6));
        }
        &[data-name$=".csv"], &[data-name$=".yml"] {
          .shadow-bg(rgba(70, 180, 200, 0.6));
        }
        &[data-name$=".rb"] {
          .shadow-bg(rgba(255, 0, 0, 0.6));
        }
        &[data-name$=".sh"] {
          .shadow-bg(rgba(0, 255, 255, 0.6));
        }
        &[data-path*="/hammy_admin/"], &[data-path*="/moby-core/"] {
          &:before {
            border-right: 4px solid rgba(255,255,255,0.5);
            border-top-right-radius: 10px;
            border-bottom-right-radius: 10px;
          }
        }
        &[data-path*="/hammy-admin-3/"] {
        }
      }
      &.modified {
        .title:after {
          transform: scale(1.5);
        }
      }
      &.status-modified {
        color: inherit;
        .diagonal-stripe-bg(
          rgba(255, 180, 140, 0.3),
          rgba(255, 180, 140, 0.15),
          -45deg, 20px
        );
      }f
      &.status-added {
        color: inherit;
        .diagonal-stripe-bg(
          rgba(140, 255, 140, 0.3),
          rgba(140, 255, 140, 0.15),
          45deg, 10px
        );
      }
      &.status-ignored {
        color: black;
        text-shadow: 0 0 2px rgba(255,255,255,0.5);
      }
      .close-icon {
        display: none;
        line-height: 24px !important;
        right: 4px !important;
        &:hover {
          transform: none;
        }
      }
    }
    .tab, .tab.active {
      -webkit-flex: 1;
      width: -webkit-fit-content;
      flex-basis: auto;
    }

  }

}

// trailing-whitespace

@t_color: fade(#34b6ff, 30%);

atom-text-editor:not(.mini).editor .lines .line .trailing-whitespace {
  background: @t_color;
  border-radius: 2px;
}
atom-text-editor:not(.mini).editor .lines .line .trailing-whitespace.indent-guide {
  background: none;
}
atom-text-editor:not(.mini).editor .lines .line.cursor-line .trailing-whitespace {
  background: none;
  transition: all 0.4s;
  transition-delay: 0.1s;
}
.trailing-spaces-highlight-cursor-lines atom-text-editor:not(.mini).editor .lines .line.cursor-line .trailing-whitespace:not(.indent-guide) {
  background: @t_color;
}
.trailing-spaces-highlight-indentation atom-text-editor:not(.mini).editor .lines .line:not(.cursor-line) .trailing-whitespace.indent-guide {
  background: @t_color;
}
.trailing-spaces-highlight-cursor-lines.trailing-spaces-highlight-indentation atom-text-editor:not(.mini).editor .lines .line.cursor-line .trailing-whitespace.indent-guide {
  background: @t_color;
}


.theme(@name, @base-color) {
  .project-@{name} {
    atom-text-editor, atom-text-editor, .gutter {
      background-color: shade(@base-color, 90%) !important;
    }
    .tab-bar {
      background-color: shade(@base-color, 70%);
    }
    atom-dock {
      background-color: shade(@base-color, 60%);
    }
    atom-panel {
      background-color: mix(#1d1f21, @base-color, 90%);
    }
  }
}

.theme(moby, #88d);
.theme(hammy-admin, #5d8);
.theme(moby-aegon, #88f);




.syntax--rainbow1 {
  color: blue;
}
.syntax--rainbow2 {
  text-shadow: none !important;
}
.syntax--rainbow4 {
  color: #0082C8 !important;
  background: transparent !important;
  font-style: normal;
}
.syntax--rainbow9 {
  text-shadow: none !important;
}

//
//
// ['rainbow1', '#E6194B'],
// ['rainbow2', '#3CB44B'],
// ['rainbow3', '#FFE119'],
// ['rainbow4', '#0082C8'],
// ['rainbow5', '#FABEBE'],
// ['rainbow6', '#46F0F0'],
// ['rainbow7', '#F032E6'],
// ['rainbow8', '#008080'],
// ['rainbow9', '#F58231'],
// ['rainbow10', '#FFFFFF']


atom-panel.modal.overlay.from-top {
  width: 60% !important;
  margin-left: -30% !important;
}
.fuzzy-finder {
  // border: 1px solid red;
  // height: 800px;
  .list-group {
    max-height: none !important;
  }
}