Kevin Powell - Community•12mo ago

Can anyone help me figure out how to change the text color of my Sass variable tokens within VS Code

I'm looking for the setting that will allow me to change the color of the actual text of the variable in Sass. Any help is greatly appreciated!

3 Replies

b1mind•12mo ago

    "editor.tokenColorCustomizations": {
        "textMateRules": [
            {
                "name": "Sass Variables",
                "scope": [
                    "meta.property-list.scss variable.scss", 
                    "meta.property-list.sass variable.sass"
                ],
                "settings": {
                    "foreground": "#colorHex"
                }
            }
        ]
    },

    "editor.tokenColorCustomizations": {
        "textMateRules": [
            {
                "name": "Sass Variables",
                "scope": [
                    "meta.property-list.scss variable.scss", 
                    "meta.property-list.sass variable.sass"
                ],
                "settings": {
                    "foreground": "#colorHex"
                }
            }
        ]
    },

something like this in your settings.json

Raedel•12mo ago

Thanks so much! This got me exactly what I needed

b1mind•12mo ago

Np glad it helped!

Gaming

Programming

Can anyone help me figure out how to change the text color of my Sass variable tokens within VS Code