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

Related issues

biij5698 picture biij5698  Β·  3Comments

trstringer picture trstringer  Β·  3Comments

sirius1024 picture sirius1024  Β·  3Comments

DovydasNavickas picture DovydasNavickas  Β·  3Comments

philipgiuliani picture philipgiuliani  Β·  3Comments