nice fonts and scrollbars in the Atom editor!

atom-nice-font.less

body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
}

.tree-view-resizer, .editor {
  ::-webkit-scrollbar {
    width: 0.5em;
    height: 0.5em;
  }

  ::-webkit-scrollbar-track {
    background-color: #303030;
  }

  ::-webkit-scrollbar-thumb {
    background-color: lighten(#303030, 15%);
  }
}

This goes great with the Spacegray Dark UI Theme and Base16 Ocean Dark Spacegray Syntax Theme!

Thank you! For anyone new to Atom (like myself), paste this into Atom > Open Your Stylesheet.

YES, YOU GET A STYLESHEET! This editor is awesome.

Great combination :)

This is great, but on my system it only works so long as I don't switch to another tab. As soon as I switch from the first tab opened in Atom, the scrollbars revert. Any ideas?

I'm using version 0.142.0 in Ubuntu 14.04

This is awesome! here is my version 😃

.tree-view-resizer, .editor {
  ::-webkit-scrollbar {
    width: 0.5em;
    height: 0.5em;
  }

  ::-webkit-scrollbar-thumb {
    background-color: rgba(255,255,255,.1);
    border-radius: 3px;

    &:hover {
      background: rgba(255,255,255,.2);
    }
  }
}

I prefer mine green:
https://gist.github.com/developit/d380708c677a3bcf6962

Thanks for this. Used it in redmond-ui

just wanted to mention that syntax might have changed –
in 1.5 i am using

.scrollbars-visible-always {
  /deep/ ::-webkit-scrollbar {
    width: 8px;
    height: 8px;

    &-track {
      border: 0px;
      border-radius: 0px;
      background-color: black !important;
    }

    &-thumb {
      background-color: #FF7A00 !important;
      border: 0px;
      border-radius: 0px;
    }
  }
}

black / orange