1

By default the gutter and the code editor have white backgrounds and you can't tell that there is no space between the two. In my color scheme the gutter is gray (trying to match IntelliJ-based IDE) and as you can see the first column of the code is basically touching the guter.

What I am trying to do is to add some kind of space in between or some left-padding to the code editor.

Any advise or guidance would be greatly appreciated!

This is what it looks like: VS Code code editor

This is what I am trying to achieve: enter image description here

SmxCde
  • 5,053
  • 7
  • 25
  • 45
  • You can check the answer of this question : https://stackoverflow.com/q/59031656/9346979 – Martin J Sep 01 '20 at 00:30
  • Thanks for the answer but that is not it. The instruction basically makes line gutter wider, it works for the other answered question because they have the gutter and the code editor in the same color, in my case it just makes the gutter wider, the code will be further for line number but still 0-pixel from the gray gutter. See: https://prnt.sc/u9z0ga – SmxCde Sep 02 '20 at 02:21
  • Here is the ticket about editor.contentLeftPadding as official setting. This setting will not only resolve visual but also usability issue. https://github.com/microsoft/vscode/issues/135114 (upvotes on the feature request are highly appreciated.) – Shuji Oct 14 '21 at 21:13

0 Answers0