visual-studio-codesettings

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

I want to change color of these words.

enter image description here

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

  • 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"enter image description here

    and select part of the keyword you want to change the color of it. in this one we going to change function color:enter image description here 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. i select red color unfortunately you can not see change with out reopening the vscode. so close vscode and open it again enter image description here as you can see color of function keyword changed.