Создание своей темы в VS Code?

Question

[Михаил Р.]

Приветствую!

- При создание темы для VS Code, нашел официальную документацию по стилизации основных элементов редактора (окна, вкладки итп).

- Следующим шагом необходимо задать цвета для самого кода (variable, keyword, string, operator итп). Залез в уже созданные темы и нашел примерно такой формат записи:

"scope": [
  "keyword",
  "storage.modifier",
  "storage.type",
  "storage.control.clojure",
  "entity.name.function.clojure",
  "support.function.node",
  "support.type.property-name.json",
  "punctuation.separator.key-value",
  "punctuation.definition.template-expression"
],
"settings": {
  "foreground": "#d73a49"
}

Вопросы:
1. В примере кода все понятно, есть "наименование элементов" (keyword, storage.modifier итп) и их стили (foreground). Но где посмотреть весь перечень "наименований элементов" (документация)?
2. Как задать стиль элементам, только для определенного типа ЯП? Например "string" сделать зеленым только в JS...

Спасибо!

Answer 1

[Вадим]

Ознакомьтесь со следующими разделами доеументации:
Про темы
как узнать название скоупа, в котором находится то, что нужно раскрасить.

Пример, как раскрасить конкретно слово this в js. В settings.json добавим следующий код:

"editor.tokenColorCustomizations": {

​ ​ ​ "textMateRules": [

​ ​ ​ ​ ​ {

​ ​ ​ ​ ​ ​ ​ "scope": "variable.language.this.js",

​ ​ ​ ​ ​ ​ ​ "settings": {

​ ​ ​ ​ ​ ​ ​ ​ ​ "foreground": "#FF0000",

​ ​ ​ ​ ​ ​ ​ ​ ​ "fontStyle": "bold underline"

​ ​ ​ ​ ​ ​ ​ }

​ ​ ​ ​ ​ }

​ ​ ​ ]

​ }

И получим красный жирный подчеркнутый this.