In the VS Code July 2017 release they have added a color picker, and state that it is available for Sass:

For the preview, we enabled it for CSS, Sass and LESS files, supporting RGBA, HSLA and Hex color modes.

The color picker does indeed work for .SCSS files but doesn't for .SASS files, is there anyway to enable the color picker to work for sass files as well?

In the VS Code July 2017 release they have added a color picker, and state that it is available for Sass:

For the preview, we enabled it for CSS, Sass and LESS files, supporting RGBA, HSLA and Hex color modes.

The color picker does indeed work for .SCSS files but doesn't for .SASS files, is there anyway to enable the color picker to work for sass files as well?

• javascript
• css
• sass
• visual-studio-code

• Does this answer your question? How can I enable the VS Code Color Picker outside of CSS-like scopes? – starball Commented May 4, 2023 at 10:29

3 Answers 3

It doesn't appear so. If you don't get a better answer you can use the extension Color Info (which I was using before the Vscode July changes) and enable it for only .sass files.

"colorInfo.languages": [
  {
      "selector": "sass",
      "colors": ["css", "hex", "rgb"  ...........etc. ]
  }
]

VS Color Picker works just fine. And you can even pick colors from screen into your Editor.

VS code doesn't provide built-in support for indented sass and developers do not consider adding the feature natively.