React components color

[ghost]

Hi, how can I change the color of react components? Now JSX elements and components are red, it's not very convenient

[fisheva]

All theme plugins add color to characters based on their scope value. You can check the scope value of all characters by pressing Ctrl+Shift+P (Windows) or Cmd+Shift+P (Mac) and selecting Inspect Editor Tokens and Scopes. Then adjust their color in settings.

"editor.tokenColorCustomizations": {
        //control Eva Dark only
        "[Eva Dark]": {
            "textMateRules": [
                {
                    "scope": "support.class.component",
                    "settings": {
                        "foreground": "#ff0000",
                        "fontStyle": "bold"
                    },
                },
            ],
        },
        //control all Themes
        "textMateRules": [
            {
                "scope": "support.class.component",
                "settings": {
                    "foreground": "#00ff00",
                    "fontStyle": "bold"
                },
            },
        ],
    },

Official documentation: https://code.visualstudio.com/docs/getstarted/themes

[ghost]

Thanks!