Note: No theme will have the highlighting displayed in these images. For that effect, run the
vscode-angular-html: Set custom color customizations
command from the command pallete and you're good to go.
This plugin adds syntax highlighting for angular HTML template files in VS Code. It supports the angular syntax itself, HTML DOM events, SVG, XML (with DTD and namespaces support), emphasizes deprecated and obsolete tags and attributes usage according to the current status of HTML. Also supports custom colors for extra-matched scopes. See settings
The highlighting displayed in this specific section is not part of the custom color customization, and can be achieved by changing this extension' settings.
There are a ton of customizations available, and everything can be changed in this extension' settings.
See the complete list
See the complete list
See the complete list
See the complete list
See the complete list
See the complete list
And with colorize support:
See the complete list
See the complete list
See the complete list
See SVG's non string attributes
Elements like stroke can benefit from the colorize settings as the style inline section.
See the complete list
See the complete list
See scripts and style MIME-types
See linting tips
Every MIME-type shown in this section also will be highlighted in
<link>
elementsEvery style tag in this section can also benefit from the colorize settings as the style inline section
The displayed highlighting is achieved via vscode-angular-scss and it fallbacks to the default one if not installed.
The displayed highlighting is achieved via language-postcss and it may be replaced with another extension as soon as this merge is released in a new version of the plugin
If you want to create a theme and support this extension, please checkout the theming docs
If you want to help translating this extension, please checkout the localization docs
See the changelog