vscode-angular-html-inline
Note: No theme will have the highlighting displayed in these images. For that effect, run the vscode-angular-html: Set legacy color customizations command from the command pallete and you're good to go.
Angular HTML Template Inline Syntax Highlighting
This plugin is a wrapper for vscode-angular-html and supports everything that said one does.
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
Summary
General
Element differentiation (HTML/SVG/Custom/Angular)
The highlighting displayed in this specific section is not part of the legacy color customization, and can be achieved by changing vscode-angular-html - extension' settings.
See vscode-angular-html - Angular-specific list
See vscode-angular-html - HTML-specific list
See vscode-angular-html - SVG-specific list
See vscode-angular-html - PrimeNG-specific list
Customizations
There are a ton of customizations available, and everything can be changed in vscode-angular-html - extension' settings.
Angular
Directives
Interpolations
Control Flow
See the vscode-angular-html - complete list
HTML
Doctype
Entities
See the vscode-angular-html - complete list
PrimeNG
See the vscode-angular-html - complete list
Custom components
See vscode-angular-html - color-customization
DOM events
See the vscode-angular-html - complete list
Generic attributes
Style inline
And with colorize support:
See vscode-angular-html - colorize settings
Regex
Deprecated attributes
See the vscode-angular-html - complete list
See the vscode-angular-html - complete list
ARIA-prefixed attributes
See the vscode-angular-html - complete list
Data attributes
SVG
Non-string attributes
See vscode-angular-html - SVG's non string attributes
Elements like stroke can benefit from the colorize settings as the style inline section.
See the vscode-angular-html - complete list
Deprecated attributes
See the vscode-angular-html - complete list
XML
DTD, elements and attributes namespace
Stylesheet
Style tags (CSS/SASS/PostCSS/SCSS/Stylus)
See vscode-angular-html - scripts and style MIME-types
See vscode-angular-html - linting tips
Every MIME-type shown in this section also will be highlighted in <link> elements
Every style tag in this section can also benefit from the colorize settings as the style inline section
CSS
SCSS
The displayed highlighting is achieved via vscode-angular-scss and it fallbacks to the default one if not installed.
LESS
SASS
Stylus
PostCSS
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
CSS Fallback
Script tag (Javascript/Typescript/Coffeescript/Dart)
See vscode-angular-html - scripts and style mime-types
Javascript
Typescript
Coffeescript
Dart
Javascript fallback
Theming
If you want to create a theme and support this extension, please checkout vscode-angular-html - theming docs
Translate
If you want to help translating this extension, please checkout the vscode-angular-html - localization docs
Changelog
See the changelog
