Devops Highlighter README

This is an extenstion that highlights the variable keywords in azure devops pipelines language.

Dark Theme Highlights

There are highlights defined for the dark+ default vscode theme, to activate it - go to File->Preferences->Color Theme-> Devops Highlighter

Customization and settings for different themes

To change the colors of the specific tokens add this into the settings.json

"editor.tokenColorCustomizations": {
        "[Default Dark+]": {
            "textMateRules": [
                {
                    "scope": "pipeline.parameters.keyword",
                    "settings": {
                        "foreground": "#FF0000"
                    },
                },
                {
                    "scope": "pipeline.parameters.value",
                    "settings": {
                        "foreground": "#fbff00"
                    },
                },
                {
                    "scope": ["pipeline.parameters.begin", "pipeline.parameters.end"],
                    "settings": {
                        "foreground": "#ff00b3"
                    },
                },
                {
                    "scope": "pipeline.runtime.variable.value",
                    "settings": {
                        "foreground": "#6f00ff"
                    },
                },
                ,
                {
                    "scope": ["pipeline.runtime.variable.begin", "pipeline.runtime.variable.end"],
                    "settings": {
                        "foreground": "#088833"
                    },
                },
                {
                    "scope": ["pipeline.variable.definition.begin", "pipeline.variable.definition.end"],
                    "settings": {
                        "foreground": "#4bd679"
                    },
                },
                {
                    "scope": ["pipeline.variable.definition.name", "pipeline.variable.definition.value"],
                    "settings": {
                        "foreground": "#4b59d6"
                    },
                },
                {
                    "scope": ["pipeline.runtime.expression.begin", "pipeline.runtime.expression.end"],
                    "settings": {
                        "foreground": "#f2faf5"
                    },
                },
                {
                    "scope": ["pipeline.runtime.expression.value"],
                    "settings": {
                        "foreground": "#d64bb8"
                    },
                },
            ],
        }
    }

To Do

• find a way to highlight the dollar sign