Do you have a plugin for VS Code that shows the color on the side?

Asked

Viewed 815 times

2

I am programming in Dart/ Flutter and would like to find a plugin that does the same as Android Studio, recognizing the color typed and showing on the side

Gostaria de fazer isso no VS Code

The written colors are a little different from the common, as you can see in img...

Sometimes it’s color: Colors.white, sometimes color: Color(0xFFFFFFAFA) and I can’t find a plugin that recognizes the colors

visual-studio-code flutter dart

  • but in VS Code the color already appears, not on the side but next to the name/rgb

  • @Ricardopunctual mine does not appear, I think VS Code does not recognize the Dart/ Flutter... the code I put there is in hexa, but has to put "0xFF" in front

2 answers

2

Unfortunately for Dart and Flutter there are no plugins (yet) that do this. VS Code brings this native option to some languages even, type in CSS, but in Dart and Flutter is not possible (yet). rsrs

I was also looking for a plugin like crazy.

  • 1

    Then, a guy responded with a "gambiarra", but it works, using this https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight plugin and making a quick edit on the VS configs, help d+

1


An alternative solution to break a branch:

Color Highlight ( By Sergii Naumov)

https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight
Vscode Flutter/Dart

Settings used in the above example:

 "color-highlight.markerType": "dot-after",
 "color-highlight.matchWords": true,

Browser other questions tagged visual-studio-code flutter dart

You are not signed in. Login or sign up in order to post.