How to change const variables / properties colors

[FabianMontoya]

Please you help with this issue, I don´t know if it's cause for a setting or what, but when I load VS, the colors of the constants are in red, it's OK, but later it is changed to white, I don't know why.

The only change that I made is migrated from the deprecated version to this one and that problem began :(

I tried disabled all the other extensions and the problem continues, so I think that maybe is some setting, but I don't have any idea that what could cause the problem

[equinusocio]

This is how Material Theme colors have been since 2016 (community extension last visual update was in 2016).

We rely on VSCode API to let everyone customize any color and part of the theme, matching their taste. You want red variables, but not everyone.

Get the scope you want to change

Search for "scope" in the command palette and run the scope inspector, then click any part of your code to get the scope name/s

Customize variable colors with semantic highlight on:

"editor.semanticTokenColorCustomizations": {
  "[Material Theme*]": {
    "rules": {
      "variable": "#ff0000"
    }
  }
}

Customize variable colors with disabled semantic highlight feature

"editor.tokenColorCustomizations": {
    "[Material Theme*]": {
        "textMateRules": [
            {
                "scope": [
                    "variable",
                ],
                "settings": {
                    "foreground": "#FFff00"
                }
            }
        ]
    },
},

Get The color you want from the variants:

https://github.com/material-theme/vsc-material-theme/tree/main/scripts/generator/settings/specific

---

Important

We have an entire discussion here about how to customize the theme based on your taste. I'll close this discussion. Please consider to update your review on the Marketplace.