Create shadow on the line number panel [SOLVED]


#1

Hello,

I would like to know if there is a way to have a shadow on the panel showing the line numbers, just at the border of the panel and the editor text area, to give an impression of depth.

Thank you very much in advance :slight_smile:


#2

Many things are possible in CSS. Try this:

atom-text-editor::shadow .gutter-container::after {
  content: "";
  width: 5px;
  margin-right: 1px;
  background: -webkit-linear-gradient(left, #000000 0%,#1e1e1e 100%);
}

The only problem is that you’ll have to manually change the second color to fit your UI theme.


#3

Thank you very much :slight_smile: