color_customization_example.md

Colors customization

Steps:

From the menu select


        View > Command Palette (Ctrl+Shift+P)

Run


        Open User Settings (JSON)

command to open VSCode JSON settings editor

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

Alternatively, for the Light and Light+ theme you can use the slightly darker color settings below.
    "editor.tokenColorCustomizations": {
        "textMateRules": [
                "scope": "rainbow1",
                "settings": {
                   "foreground": "#c00040",
                   "fontStyle": "bold"
                "scope": "keyword.rainbow2",
                "settings": {
                   "foreground": "#00a000",
                   "fontStyle": "underline"
                "scope": "entity.name.function.rainbow3",
                "settings": {
                   "foreground": "#8000c0",
                   "fontStyle": "bold italic"
                "scope": "comment.rainbow4",
                "settings": {
                   "foreground": "#c09e18",
                   "fontStyle": "bold"
                "scope": "string.rainbow5",
                "settings": {
                   "foreground": "#0080a0",
                   "fontStyle": "bold underline"
                "scope": "variable.parameter.rainbow6",
                "settings": {
                   "foreground": "#e000e0",
                   "fontStyle": "bold"
                "scope": "constant.numeric.rainbow7",
                "settings": {
                   "foreground": "#60a000",
                   "fontStyle": "italic"
                "scope": "entity.name.type.rainbow8",
                "settings": {
                   "foreground": "#0020f0",
                   "fontStyle": "bold"
                "scope": "markup.bold.rainbow9",
                "settings": {
                   "foreground": "#e08000",
                   "fontStyle": "bold"
                "scope": "invalid.rainbow10",
                "settings": {
                   "foreground": "#00c080",
                   "fontStyle": "bold underline italic"

color_customization_example.md

Latest commit

History

color_customization_example.md

File metadata and controls

Colors customization

Rainbow CSV after color customization