Vetur: How to active Color Picker in the vscode new version 1.15

[Moerj]

In .scss file

In .vue file

Vscode introduced a color picker for color customizations in 1.15 version.
I want to use it in .vue file. But it not work.

[email protected]
[email protected]

[Moerj]

In Issues #28. Vetur not support color indicator. So will not support color picker? 😳

[HerringtonDarkholme]

@octref It seems like quite many people want this feature. I think we can add it and also add an option to disable color picker.

[Moerj]

I update [email protected] . It has color decorators. But the color picker can not open. Is that so?

[octref]

Yes, see #396.

[Moerj]

https://code.visualstudio.com/updates/v1_16#_color-picker-in-html

[HerringtonDarkholme]

Wow, I will look at it later.

[yamnikov-oleg]

VS Code 1.16.1

Color indicator is displayed, but neither hovering, nor clicking opens up the color picker: it just shows css property hint.

[vberlier]

Also experiencing this issue, hovering over colors in .vue files doesn't open the color picker in VS Code 1.17.0.

[slamjs]

we still need a color picker)

[nsxz945]

the problem seem to be unsolved in VS Code 1.18.1

[HerringtonDarkholme]

Sadly, color picker is still in proposed stage. We will await its official adoption in vscode.

[HerringtonDarkholme]

Actually the new proposed API is better than our implementation now. Migrating to it might be better choice.

[valiumdev]

Just want to open this issue, since there is still no color picker support for vue files in VS Code.

[HerringtonDarkholme]

It works fine for me. If you want to open or reopen an issue, please provide a concrete reproduction.

[sam-lex]

I'm not sure about the vue files. But I used to hover (or click) on the color square preview to open the color picker. But doing that now, will only show you the property hints.

Try hovering on the values instead.

If you hover on the color square first, and then on the values, it won't work. Move away and hover on the value directly again.

[SergioSuarezDev]

Color picker not work with .asp files at this moment :(

[luisDanielRoviraContreras]

It does not work with style lang = "stylus" :-1:

[FreeHarry]

It also doesn't work for python files (.py). It seems the color picker only works on some specific files (.css; ...?).

But it would be very desirable to have this feature also for all kind of languages. But maybe this would require to make it configurable for specific languages, because of the recognition of the different color formats/representations in these languages.

[octref]

@Nutznieser Why would Vetur support Python files? If you want color picker in Python, open issues for https://github.com/Microsoft/vscode-python.