How to change color of keywords in vs code (setting.json)

Question

I want to change color of these words.

"[Monokai Dimmed]": {
    // https: //code.visualstudio.com/api/references/theme-color
    // "editor.foreground" : "#ff0000",
    // "editorLineNumber.foreground" : ""
    // "????" : ""

Answer 1

first you should backup the theme you want to make change in it so go to the path and copy all files. for example we going to make change in theme-defaults

in Linux :

"/opt/visual-studio-code/resources/app/extensions/THEME_YOU_WANT_TO_EDIT/themes/"

in windows:

"C:\program files\Microsoft VS Code\resources\app\extensions\THEME_YOU_WANT_TO_EDIT\themes"

in windows path can be different depends where you installed.

after backup

open your project with vscode and press Ctrl+Shift+P and search for

">Developer: Inspect Editor"

and select part of the keyword you want to change the color of it. in this one we going to change function color: now copy the style name and open Json files with vscode you backup them before and search for style name in all files until you find it. click the little color icon and select color you want and save it. unfortunately you can not see change with out reopening the vscode. so close vscode and open it again as you can see color of function keyword changed.