Intellisense not showing colour preview swatches

[mjbates7]

Hello,

Is there any reason why I wouldn't be seeing the colour preview swatches in the intellisense that pops up? I have all the class names available, but the colour swatches aren't appearing?

Transparent is the only one showing.

version info
tailwind 1.4.0
extension 0.2.0

vscode:
Version: 1.45.0-insider (user setup)
Date: 2020-05-01T05:22:54.431Z
Electron: 7.2.2
Chrome: 78.0.3904.130
Node.js: 12.8.1
V8: 7.8.279.23-electron.0
OS: Windows_NT x64 10.0.18363

I've reinstalled the plugin too and restarted vscode.

Many thanks

[bradlc]

Hey @mjbates7. This is because of the new opacity modifiers in Tailwind 1.4:

/*  Before */
.bg-red-500 {
  background-color: #f56565
}

/* Now */
.bg-red-500 {
  --bg-opacity: 1;
  background-color: #f56565;
  background-color: rgba(245, 101, 101, var(--bg-opacity));
}

Currently the logic for plucking the color out of the styles is roughly "is there a single CSS property and is the value a color?"

I'm in the process of improving the logic which will fix this. I'll hopefully release a new alpha version this weekend with this included.

[mjbates7]

Great - thanks for the quick response and clearing that up. I did wonder if it was 1.4 that had changed as I had just tried a 1.2/1.3 and it worked fine

[bradlc]

Fixed in v0.3.0-alpha.2 🎉

[alechp]

Installed v0.3.0-alpha.2; works perfectly!

[nzrv]

thanks! works like a charm 👍

[francoisbeyers]

How do I update to the new v0.3.0-alpha.2 version please?

[alechp]

How do I update to the new v0.3.0-alpha.2 version please?

You can access it in the releases page:
https://github.com/bradlc/vscode-tailwindcss/releases

How to install downloaded extension manually:
https://stackoverflow.com/questions/42017617/how-to-install-vs-code-extension-manually

[kabeza]

Hi

I thought it was a VSCode bug, but glad I could solve it here

https://stackoverflow.com/questions/62158642/problem-to-see-the-color-preview-when-autocomplete

[bradlc]

v0.3.0 is available in the marketplace now 🎉