Visual Studio 2022 Double curly braces highlighting(Magenta) not work in chstml - visual-studio-2022

Does anyone knows how to highlight code inside the double curly brackets?
In vs2019, VueJs codes are written inside the double curly brackets and it will have different colors, which is Magenta, but with Vs2022 version it is white like other html codes. Fonts and Colours -> HtmL Client Template Separator is Magenta but it seems not working.

Related

How to change the color of braces in JSX & TSX in Intellij 2022.3

I just updated to version 2022.3 of Intellij Ultimate, and the color for braces in jsx/tsx code blocks has turned to yellow, but I want to revert it to the original color.enter image description hereIn this image, the curly braces around the values for the props are yellow but they should be the same color as the text for the prop names "isOpen" & "toggle"
I looked through the color settings for relevant languages but could not find anything that sounded like it would be the correct setting to change.
Try editing Settings | Editor | Color Scheme | XML, Tag foreground color

Adding Editor Style in IntelliJ WebStorm

I recently started working on an Angular project in WebStorm and would like to change the editor style to add more spaces on formatting code with CTRL + ALT + L.
Currently, when I format my code, all spaces are gone. Here are some places,
But I need to have a one indentation between the {} or method parenthesis. What I expect is as below:
Please help me create this style for Angular / TypeScript development editor. Thanks in advance.
For the ones out there trying to add formatting to their code, here I will post my own answer. You can set custom spacing and styling into your code in intellij IDEs.
Settings -> Editor -> Code Style
Navigate here and you can define custom styling and spacing specific to your programming language and can even export the created styles as an XML file.

How to visually wrap lines at tab width in IntelliJ?

In other editors (Visual Studio Code and Netbeans which I mostly use), I can enable word wrap. Lines will then be split (visually) over multiple lines if the line is longer that the view area.
How can the same be enabled in IntelliJ (Community)? Right now I can't get any kind of word wrap (coding Kotlin).
The feature is called Soft-wrap. You can configure it here:

How to set tab indentation with GNAT GPS

I installed GNAT GPS 2017 and I would like it to indent my code with tabs using the same width as 4 space characters. I've gone into Edit->Preferences->Editor->Ada and tried all sorts of options (Use tabulations, default indentation 4, etc) but nothing seems to make it work:
Opening existing file with tabs causes GPS to display tabs with 8 spaces wide instead of 4.
Adding new code causes GPS to indent with 4 spaces but it inserts space characters instead of a single tab character.
Any ideas?
I think that GPS is working as-designed; unfortunately, that isn’t the way you want it to work.
The Preferences > Editor > Ada > Default indentation setting (and the four settings following it) say what screen appearance is required (assuming a monospace font, of course) if you hit the TAB key in a line.
The Preferences > Editor > Ada > Use tabulations setting says whether the editor should use 8-column-width tabs when possible to achieve the above.
#Jean-François Fabre suggested that "Their code parser doesn't support tabulations properly" - I think this may be that Jean-François compiles with -gnaty (style checks), and one of the default style checks is that the file isn’t indented with tabs.

angular.js syntax highlighting colors in IDEA / WebStorm editor

How can I change the editor colors of angular.js framework in intellij IDEA or WebStorm IDE ?
Take a look at these colors (IDEA screenshot):
You can see that ng-controller has the same color as data-attribute BUT their values have different colors (highlighting). So it is true that the IDE recognize angular.js directives and distinguish their syntax from regular html attributes. I want to be able to control this syntax colors highlighting. I can't find anything related to angular.js inside Settings->Editor->Font & Colors?
For example, Netbeans do it this way (Netbeans screenshot):