vscode change linenumber color

Question

How can I change the color of the line numbers in VS code

Often times the line numbers are to dark to make out.

score 43 · Accepted Answer · edited Nov 09 '19 at 15:32

43

Version 1.12 introduced new workbench theming options (they were experimental in 1.11).

There is a setting for the color of line numbers:

"workbench.colorCustomizations": {
  "editorLineNumber.foreground": "#999999"
}

Some themes also define current line number:

"workbench.colorCustomizations": {
  "editorLineNumber.activeForeground": "#555555"
}

See the Theme Color Reference.

edited Nov 09 '19 at 15:32

G-Man Says 'Reinstate Monica'

8,029

answered May 03 '17 at 00:22

andykellr

546

score 6 · Answer 2 · answered Oct 16 '20 at 14:39

6

@jerclarke If you want to change the background color of the sidebar containing the row numbers, use:

    "workbench.colorCustomizations": {
        "editorGutter.background" : "#393a39"
    }

answered Oct 16 '20 at 14:39

Saulo

61
1
1

score 3 · Answer 3 · answered Feb 23 '17 at 16:39

There doesn't appear to be an option to tweak individual colors from a color theme in VSCode (yet?), but there are many color themes to choose from (built-in and 3rd-party), and they do post instructions on how to design your own color theme:

https://code.visualstudio.com/Docs/customization/themes

score 0 · Answer 4 · answered Jan 12 '17 at 20:55

0

In Visual Studio 2017 RC it can be done as followed:
Tools -> Options -> Environment -> Fonts and Colors -> Line Number
Don't know if it's the same is VS Code, sorry if it isn't.

answered Jan 12 '17 at 20:55

Gustav Eriksson

59

vscode change linenumber color

4 Answers4