Максим Морев

Есть расширение SCSS IntelliSense, оно ищет декларации по всему, что находится в воркспейсе

Регулярное выражение должно быть только в строке поиска, в строке вставки вы можете сделать ссылки на найденное, используя группы.

Строка поиска: src="img/(.+)\.jpg"
Строка вставки: src="{{asset('/img/colorit/$1.jpg')}}"

Вот здесь отвечал на похожий вопрос, там найдёте файл, в котором вносятся изменения, а также ссылку на документацию со всеми токенами.
Вам нужен `editorCursor.foreground`.

При необходимости прям вот такой оптимизации вряд ли, слишком узкая задача. Это не невозможно, просто зачем?

Если автоматически из HTML-разметки нужно сделать s?css, то для этого есть eCSStractor

Если лень самостоятельно писать управляющую структуру для CSS, то можно её свести к одному символу с помощью сниппетов. Вот мой вопрос с моим же ответом, до сих пор так и делаю, брат жив.

Это не плагин, а лигатуры шрифта. Тык.

Здравствуйте. Двумя слэшами экранируйте.

"test" : {
  "prefix": "test",
  "body": [
    "color: \\$color-primary;"
  ]
}

Тыкаем Ctrl+Shift+P, чтобы вызвать палитру команд. Там пишем "scope" - отфильтруется так, что останется один пункт. Клацаем Enter.
Далее клацаем на то место, которое вас не устраивает. В вашем случае на переменную.
Получаем окно, в котором нас интересует выделенное оранжевым.


Далее идём в settings.json, туда добавляем правила, основываясь на выделенном выше фрагменте.
Для вашего случая будет как-то так, аналогично выделил оранжевым то, что нужно вам:


Вуаля - цвет SCSS переменных теперь белый. Аналогичным образом кастомизируется что угодно.

В ходе дальнейших изысканий определено, что реализовать это можно только с помощью написания своего расширения и вызовом не editor.action.insertSnippet, а метода своего расширения, который проверит предшествующий символ и вставит сниппет, если всё окей.

В моём представлении написание настолько мелких расширений - моветон, решил свою проблему добавлением нового сниппета, который по нажатию на "ctrl+#" вставит #{$var}, а "shift+3" (#) остаётся за обычным октоторпом.

Кейбиндинги, если кому понадобится:

{
  "key": "shift+[",
  "when": "editorTextFocus && resourceExtname == .scss || resourceExtname == .css",
  "command": "editor.action.insertSnippet",
  "args": {
    "snippet": " {\n\t${0}\n}"
  }
},
{
  "key": "ctrl+3",
  "when": "editorTextFocus && resourceExtname == .scss || resourceExtname == .css",
  "command": "editor.action.insertSnippet",
  "args": {
     "snippet": "#{\\$${1:var}}"
  }
}