How can I customize the syntax color scheme for "Variables"?

[Devansh80]

I want to change the syntax color for "variables or constant" and "object". I don't like this pink color for variables-

Instead i want to make it white or maybe little grey. At the time of vscode launch theme looks exactly same as i want but after some seconds the theme suddenly changed to pink like below-

Please help me

[BeardedBear]

You have 2 ways to do this :

1. Adding a overcharging rules for specific theme in your settings file for VSCode (but you lost semantic coloring), for example :

"editor.tokenColorCustomizations": {
    "[Bearded Theme Monokai Terra]": {
      "variables": {
        "foreground": "#FF0000"
      }
    }
  }

2. Fork the repository, modify the variable colors, build it locally, and import customized .vsix file in extension panel

[Devansh80]

Hey could you help me to build it locally ?

[BeardedBear]

You can follow the Readme file here for installation / building : https://github.com/BeardedBear/bearded-theme/blob/master/README-DEV.md

But in short, after forking repository :

1. yarn install or npm install for installing dependencies
2. Modify colors
   • for scopes in semantic file or scopes file
   • for a specific theme
3. yarn start or npm run start for launch dev mode, then F5 for opening an instance for see modifications
4. yarn build:ext or npm run build:ext for build extension
5. import the generated local file .vsix in extension panel

[Devansh80]

Hey thanks for your help. It is working perfectly as I want.
But here I had to add an extra step to make it work. I also changed the json data according to the color i needed.

[Devansh80]

If I want to change the keyword font style is there any way?
Like if i want to make every single keyword bold or maybe italic then can i do that also??

[BeardedBear]

check the doc ;) https://code.visualstudio.com/docs/getstarted/themes