Is there a way to get intellisense for content inside imported partials in VS Code?

Question

I have a styles.scss and a partial that holds some color variables _colors.scss.

_colors.scss:

$primary: #009688;
$secondary: #4caf50;

styles.scss:

@import 'colors';

.blurred {
    color: $primary;
    filter: blur(2px);
}

This works, but I would like to be able to have intellisense for the $primary variable, just as if it was declared in styles.scss. Is there a feature/extension available for VS code that can do this?

Answer 1

Install SCSS IntelliSense

https://marketplace.visualstudio.com/items?itemName=mrmlnc.vscode-scss

Image source

There is no color preview though https://github.com/mrmlnc/vscode-scss/issues/13

because vscode doesn't support this yet and there is no plan to add it https://github.com/mrmlnc/vscode-scss/issues/29