atom tab highlisghts

styles.less

.tab-bar {
   .tab {
    .title[data-name$=".js"],
    .title[data-name$=".coffee"],
    .title[data-name$=".jsx"],
    .title[data-name$=".elm"],
    .title[data-name$=".ts"]
    {
        border-top: 2px solid rgba(139, 195, 74, 1);
    }

    .title[data-name$=".html"],
    .title[data-name$=".htm"],
    .title[data-name$=".jade"]
    {
        border-top: 2px solid rgba(139, 195, 74, 1);
    }

    .title[data-name$=".json"],
    .title[data-name$=".yaml"],
    .title[data-name$=".ini"],
    .title[data-name$="config.js"]
    {
        border-top: 2px solid #607D8B;
    }


    .title[data-name$=".less"],
    .title[data-name$=".css"],
    .title[data-name$=".sass"],
    .title[data-name$=".sccs"],
    .title[data-name$=".styl"] {
        border-top: 2px solid rgba(139, 74, 195, 1);
    }

    .title[data-path*="dist"],
    .title[data-path*="bundle.js"]
     {
      border-left: 2px solid rgba(180, 180, 180, 1);
      color: #aaa;
    }

    .title[data-path*="src"] {
      border-left: 2px solid rgba(139, 195, 154, 1);
      color: #aaa;
    }

    .title[data-path*="server"] {
      border-left: 2px solid #00BCD4;
      color: #aaa;
    }
  }
}