Editing VSCode Themes

Small tweaks to a VSCode theme can be made directly to the settings.json or {workspace}.workspace.code-workspace file.

Editing TextMate Rules

  1. Open the command palette and choose Developer: Inspect TM Scopes.
  2. place the cursor on the token of interest to determine the textmate scopes being applied.
  3. Add a new highlighting rule for that specific scope to settings.json. This goes inside:
“editor.tokenColorCustomizations”: { “textMateRules”: [
]},

Editing VS Code color settings

  1. View the settings of your current theme via Developer: Generate Color Theme From Current Settings
  2. Edit specific settings by adding the color customization snippet to your JSON settings:
{
  "workbench.colorCustomizations": {
    "activityBar.background": "#00AA00"
  }
}

Related