How to style/customize the colors of the variables within VSCODE?

Question

Does anyone know how to stop styling/customizing colors inside VSCODE?

Example: I want the variables to be black..

I was able to find the class names, but I don’t know how to change them inside the settings.json

Answer 1

Go to the file settings.json, to access it go to View > Command Pallete or simply press Ctrl+Shift+P (or Cmd+Shift+P in Macos), so in the field that appears type settings.json and select the first option, should appear something like:

{
    "window.zoomLevel": 0,
    "editor.fontSize": 22
}

First of all, there is the documentation where you can see all possibilities: https://code.visualstudio.com/api/references/theme-color#editor-Colors

Edit for this:

{
    "window.zoomLevel": 0,
    "editor.fontSize": 22,
    "editor.tokenColorCustomizations": {
        "variables": "#000"
    },
}

The #000 is the same as the black color, you can change as you wish, for example orange: "variables": "#fc0", you can use the native "colorpick", it will look something like: