Fancy scrollbars


#1

I created some styles for fancy scrollbars for Atom. Put the following in your ~/.atom/styles.less file:

// Change scrollbar styling
.scrollbars-visible-always {
  /deep/ ::-webkit-scrollbar {
    width: 13px;
    height: 13px;
    background-color: rgba(175, 225, 255, 0.5);

    &-track {
      background:#666666;
      box-shadow: 3px 3px 10px rgba(0,0,0,.25) inset;
    }

    &-thumb {
      background: rgba(0,0,0,0.5);
      border-radius: 10px;
      border:1px solid rgba(0,0,0,0.9);
      box-shadow: -3px -3px 6px rgba(66,137,224,1) inset,3px 3px 3px rgba(158,226,225,1) inset;
    }

    //&-corner {
    //  background-color: #25b344;
    //}

  }
}