Customize quoted strings in VS Code

user_6269559 0
Viewed 109

The value side of attributes in HTML were very unreadable, too dark, making it especially hard to disseminate between class names in HTML, when using the dark theme on VS Code. How do I change it to make reading more comfortable?

p.s. My "Tags" are very limited due to rep, but I'm so sure others have this question.

vscode-settings editor
1 Answers

Here is how to accomplish this particular task. Introducing [me to] a very useful tool: Inspect Editor Tokens and Scopes

  1. Put cursor in, in this case, a quoted value string.
  2. CNTL + SHIFT + P (open command palette).
  3. Find "Developer: Inspect Editor Tokens and Scopes"
  4. Note the textmate scope(s).
  5. Use property: "editor.tokenColorCustomizations" → "textMateRules" to add new rule.

While I'm doing this directly on values in the JSON of settings - and changing quotes there at a high level, this also works with inheritance, so string.quoted.double.html would override the example shown in this screenshot (which applies to ALL double quoted strings), when editing HTML files. I find this useful for making my lint rules standout too.enter image description here

user_62695590
Related