How can I change the color of the line numbers in VS code
Often times the line numbers are to dark to make out.
Add a comment
|
4 Answers
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.
-
This also works for CodeSandbox, for anyone looking for how to change the line number color there (it is pretty dim!) Commented Apr 2, 2020 at 16:08
-
More info about the issue with the default CodeSandbox theme here: github.com/codesandbox/codesandbox-client/issues/… Commented Apr 2, 2020 at 16:43
-
Any way to control the background of the overall "line number sidebar"? Commented Jul 11, 2020 at 23:22
@jerclarke If you want to change the background color of the sidebar containing the row numbers, use:
"workbench.colorCustomizations": {
"editorGutter.background" : "#393a39"
}
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:
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.
