0

День добрый. Подскажите, хочу изменить цвет текста (который находится между тегами) в документе .html.

Пример: <див> Текст <див>. Я хочу чтобы слово Текст был красного цвета, как это сделать? Спасибо!

1 ответ 1

0

Для изменения стиля оформления независимо от выбранной темы добавьте в файл settings.json:

  "editor.tokenColorCustomizations": {
    "textMateRules": [
      {
        "scope": "text.html",
        "settings": {
          "foreground": "#ff0000"
        }
      }
    ]
  }

Хотя правильнее будет переопределять цвета указывая конкретную тему, например Default Light+:

  "editor.tokenColorCustomizations": {
    "[Default Light+]": {
      "textMateRules": [
        {
          "scope": "text.html",
          "settings": {
            "foreground": "#ff0000"
          }
        }
      ]
    }
  }

Что-бы узнать название выделяемого элемента (или scope) нажимаем в VS Code комбинацию Ctrl+Shift+P (или просто F1), вводим команду Developer: Inspect TM Scopes и выбираем мышкой нужный элемент, после чего откроется окошко с подробной информацией об элементе, и внизу будут перечислены все примененные к элементу имена scop'ов.

3
  • Спасибо, работает, но JSX разметка не меняет цвет, есть что то вроди text.jsx ? 5 окт 2019 в 16:30
  • Можно попробовать meta.jsx.children.js. А вообще узнать scope можно командой Developer: inspect TM scopes.
    – Spatz
    5 окт 2019 в 16:36
  • Да, я нашел, просто покапавшись в theme (искал через ctrl-f jsx). meta.jsx.children - отвечает за цвет. Спасибо за ответ! 5 окт 2019 в 16:44

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.