Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>Devops HighlighterNew to Visual Studio Code? Get it now.
Devops Highlighter

Devops Highlighter

InSpark

|
1,733 installs
| (1) | Free
Highlight the variables and parameters in azure devops yaml pipelines
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

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
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft