Vscode: [scss/less] color decorators for variables

Created on 2 Mar 2017  Β·  5Comments  Β·  Source: microsoft/vscode

If the variable color is displayed colorDecorators

*extension-candidate css-less-scss feature-request

Most helpful comment

@mrmlnc
screenshot

Color variables in the preprocessor.

Π’ ΠΎΠ±Ρ‰Π΅ΠΌ, Ρƒ мСня с английским Π½Π΅ ΠΎΡ‡Π΅Π½ΡŒ))
НуТно Ρ‡Ρ‚ΠΎΠ±Ρ‹ vscode ΠΏΠΎΠ½ΠΈΠΌΠ°Π», Ρ‡Ρ‚ΠΎ Π² ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠΉ находится Ρ†Π²Π΅Ρ‚ ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π» Π΅Π³ΠΎ. Π’Π°ΠΊΠΎΠ΅ ΠΆΠ΅ я Π΄ΡƒΠΌΠ°ΡŽ Π½Π΅ слоТно Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ? Π’ Π°Ρ‚ΠΎΠΌΠ΅, Π΅ΡΡ‚ΡŒ Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ ΠΏΠ»Π°Π³ΠΈΠ½, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Ρ‚Π°ΠΊ ΡƒΠΌΠ΅Π΅Ρ‚

Using Google translate:
It is necessary to vscode understood that color is variable and displays it. This I think is not difficult to implement? In the atom, there is a good plug-in that way can

https://atom.io/packages/pigments

All 5 comments

More details? Now you can look at scss.colorDecorators.enable.

@mrmlnc
screenshot

Color variables in the preprocessor.

Π’ ΠΎΠ±Ρ‰Π΅ΠΌ, Ρƒ мСня с английским Π½Π΅ ΠΎΡ‡Π΅Π½ΡŒ))
НуТно Ρ‡Ρ‚ΠΎΠ±Ρ‹ vscode ΠΏΠΎΠ½ΠΈΠΌΠ°Π», Ρ‡Ρ‚ΠΎ Π² ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠΉ находится Ρ†Π²Π΅Ρ‚ ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π» Π΅Π³ΠΎ. Π’Π°ΠΊΠΎΠ΅ ΠΆΠ΅ я Π΄ΡƒΠΌΠ°ΡŽ Π½Π΅ слоТно Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ? Π’ Π°Ρ‚ΠΎΠΌΠ΅, Π΅ΡΡ‚ΡŒ Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ ΠΏΠ»Π°Π³ΠΈΠ½, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Ρ‚Π°ΠΊ ΡƒΠΌΠ΅Π΅Ρ‚

Using Google translate:
It is necessary to vscode understood that color is variable and displays it. This I think is not difficult to implement? In the atom, there is a good plug-in that way can

https://atom.io/packages/pigments

any updates on this?

There are currently no plans to implement. If you like to give it a try, PRs are welcome. The code for this is in https://github.com/Microsoft/vscode-css-languageservice/blob/master/src/services/cssNavigation.ts#L134

This issue has been closed because it is not within the scope of the core product, but could be addressed by an extension. The VS Code Marketplace shows all existing extensions and you can get started writing your own extension in a few simple steps. See also our issue reporting guidelines.

Happy Coding!

Was this page helpful?
0 / 5 - 0 ratings