My styles.less for #GitHub #Atom

styles.less

atom-text-editor {
  background:black;
  color:white;
}

atom-text-editor .cursor {
  color:#6e8;
}

.heading {
  .markup {
    color: yellow;
  }
}

atom-text-editor-wrap {
  .heading {
    color: yellow;
  }
  @text-color-subtle
  {
    color:white;
  }
}

status-bar {
  background: blue;
  color:black;
}

.current-path {
  color: white;
  font-family: Consolas;
  font-size: 12px;
}

.cursor-position {
  color: white;
  font-family: Consolas;
  font-size: 16px;
}

.tree-view {
  font-family: "MS Gothic";
  font-size: 12px;
  ol.entries.list-tree li {
    span.icon:before {
      font-size: 16px;
    }
    color: white;
  }
  .icon-file-directory {
    color:cyan;
  }
  background:green;
}

.markdown-preview {
  background:black;
  color:white;
  font-family: "Meiryo UI";
  h1, h2, h3, h4, h5, h6 {
    font-family: "Meiryo";
    font-weight: normal;
    color: #b84;
  }
  thead tr {
    background: #234;
  }
  tbody tr {
    background: #025;
  }
  code {
    background: black;
    color: #88b;
    font-size:16px;
  }
  .editor {
    background: #222;
  }
}

atom-text-editor::shadow atom-text-editor-minimap::shadow .minimap-visible-area {
  background-color: #7fa;
  opacity: .6;
}

.scrollbars-visible-always {
  ::-webkit-scrollbar {
    width:16px;
    height:16px;
  }

  ::-webkit-scrollbar-track, ::-webkit-scrollbar-corner {
    background-color: blue;
  }

  ::-webkit-scrollbar-thumb {
    background: white;
    border-radius: 0px;
  }
}

.tab-bar {
  background:blue;
  .tab{
    color:white;
    font-family: "MS Gothic";
    font-size: 12px;
  }
}

.scrollbars-visible-always atom-text-editor{
  /deep/ ::-webkit-scrollbar {
    width:16px;
    height:16px;
  }

  /deep/ ::-webkit-scrollbar-track,
  /deep/ ::-webkit-scrollbar-corner, {
    background: blue;
  }

  /deep/ ::-webkit-scrollbar-thumb {
      background: white;
      border-radius: 0px;
  }

}

atom-text-editor, atom-text-editor::shadow {
  .line.cursor-line {
    background: #339;
  }

  .line-number {
    color: cyan;
    background: blue;
  }
  .line-numbers {
    background-color: yellow;
  }

  // Box
  .highlights .highlight-selected .region {
    border-color: rgba(80,255,0,0.3);
  }
  // Background
  .highlights .highlight-selected.background .region {
    background-color: rgba(80,255,0,0.4);
  }

  // Light theme box (set in settings)
  .highlights .highlight-selected.light-theme .region {
    border-color: rgba(255, 128, 64, 0.4);
  }
  // Light theme background (set in settings)
  .highlights .highlight-selected.light-theme.background .region {
    background-color: rgba(255, 128, 64, 0.2);
  }

  .selection .region {
    background-color: rgba(30, 0, 255, 0.8);
  }

  .is-focused  .selection .region {
    background-color: rgba(30, 0, 255, 1.0);
  }
}