Skip to content
Permalink
master
Switch branches/tags
Go to file
 
 
Cannot retrieve contributors at this time

Colors customization

Steps:

  1. Run Open Settings (JSON) command to open VSCode JSON settings editor
  2. Add the JSON fragment below to the VS Code settings tree (inside the root brackets level). Don't forget to add a comma after the last entry of your current JSON settings tree

This will not affect syntax colors for other file types.
You can modify "foreground" and "fontStyle" attributes as you like.

"editor.tokenColorCustomizations": {
    "textMateRules": [
        {
            "scope": "rainbow1",
            "settings": {
               "foreground": "#E6194B"
            }
        },
        {
            "scope": "keyword.rainbow2",
            "settings": {
               "foreground": "#3CB44B",
               "fontStyle": "bold"
            }
        },
        {
            "scope": "entity.name.function.rainbow3",
            "settings": {
               "foreground": "#FFE119",
               "fontStyle": "italic"
            }
        },
        {
            "scope": "comment.rainbow4",
            "settings": {
               "foreground": "#0082C8",
               "fontStyle": "underline"
            }
        },
        {
            "scope": "string.rainbow5",
            "settings": {
               "foreground": "#FABEBE"
            }
        },
        {
            "scope": "variable.parameter.rainbow6",
            "settings": {
               "foreground": "#46F0F0",
               "fontStyle": "bold"
            }
        },
        {
            "scope": "constant.numeric.rainbow7",
            "settings": {
               "foreground": "#F032E6",
               "fontStyle": "italic"
            }
        },
        {
            "scope": "entity.name.type.rainbow8",
            "settings": {
               "foreground": "#008080",
               "fontStyle": "underline"
            }
        },
        {
            "scope": "markup.bold.rainbow9",
            "settings": {
               "foreground": "#F58231"
            }
        },
        {
            "scope": "invalid.rainbow10",
            "settings": {
               "foreground": "#FFFFFF"
            }
        }
    ]
}

Rainbow CSV after color customization

customized colors