Возможно ли настроить отображение палитры цветов (мини-квадратика с цветом) в VS code когда значением color выступает переменная scss с цветом?

Question

[Dpy3b]

Есть ли какое-то расширение/настройка в VS Code чтобы рядом с переменной в значение которой записан цвет отображался квадратик в scss?
На первом скрине ниже просто объявление переменных в условном vars.scss

Comments

[Ankhena]

Довольно странный серый во второй строке.

[Dpy3b]

Ankhena, как ни странно, в моём случае он действительно выглядит серым и в макете и по факту, но вопрос соверешенно не об этом

[Ankhena]

Dpy3b, а я и не ответ пишу.
Шторм-то показывает цвета квадратиками и для переменных и для кастомных ;)

как ни странно, в моём случае он действительно выглядит серым

Я надеюсь :) А то скрин веселый.

[Василий Банников]

Ankhena, в зависимости от фона, цвет может выглядеть не так, как кажется.
На каком-нибудь насыщенно-голубом фоне такой "серый" действительно будет выглядеть как настоящий серый.
А вот настоящий серый будет грязным и сильно контрастировать с окружением

[Ankhena]

Василий Банников, да, несомненно.
Как обычно, нужно конкретные случаи смотреть.

[abbradon]

Как вариант — использовать расширение colorize и в settings.json включить подсветку синтаксиса:
"colorize.colorized_variables": [
"LESS",
"SASS"
]
А «квадратик» о котором вы пишете я лично отключаю совсем, так как не нужен)


p.s. Отключить квадратик можно в том же settings.json:
"editor.colorDecorators": false

[Dpy3b]

abbradon, спасибо, очень помог!

Answer 1

[Антон Романков]

Например, вот: https://marketplace.visualstudio.com/items?itemNam...
PS В WebStorm это из коробки работает