Changing color theme of certain things in vscode ( react )

Question

I have recently started to learn React.js and I have a Lil problem here, trying to edit some colors in ayu theme. The thing is I want a separate color for 'state' and 'variables' of const. Are there any specific scopes for those?

I have sth like this but it changes every variable in the code - should I add sth to this to make it work?:

{ "name": "Variable", "scope": ["variable"], "settings": { "foreground": "#fff" }

I want to change the colors of the marked ones only

Answer 1

settings---> color theme --> select your theme

there are multiple themes which you can download in extensions , possibly help you diffrentiate.