Gutter Shadow

An Atom Package - Atom.io : Github :

Add a shadow under the gutter when you are scrolled away from it. This makes it easier to tell when you aren't scrolled all the way to the left.

Configuration

Always On

The shadow is always visible, even when scrolled all the way to the left.

Bigger Shadow

The scrolled shadow is more pronounced. If "Always On" is enabled, the shadow changes from small to large when scrolling.

DIY

If you want to edit the shadow, add this to your styles.less file:

atom-text-editor {
  // scrolled shadow
  .gutter-shadow.active {
    box-shadow: 0 0 7px 4px rgba(0, 0, 0, .25);
  }
  // bigger scrolled shadow
  .gutter-shadow.active.bigger-shadow {
    box-shadow: 0 0 10px 6px rgba(0, 0, 0, .25);
  }
}

Notes

• v1.0.0 introduces a style change, remove inset from your DIY shadow
• Issues and PRs are welcome.