How to Customize a vsCode Theme

May 10, 2022

Here are the basic steps to customizing/tweaking your vscode theme. (on a Mac)


// 1. Opens settings.json in vscode from the terminal
code ~/Library/ApplicationSupport/Code/User/settings.json


// 2. Add the "workbench.colorCustomizations" property to your settings object, and
// change the individual properties you wish to be changed. The complete list of options is below in the references.
{
    "workbench.colorCustomizations": {
        "tab.activeForeground": "#ff0000", // red
        "tab.inactiveForeground": "#00ff00", // green
        "gitDecoration.modifiedResourceForeground": "#0000ff", // blue
    }
}

VsCode Theme Reference: