VSCode plugin for autocomplete and previews

[kharann]

Is your feature request related to a problem? Please describe.

I've worked with many different ways of styling in React. Everything from stitches, styled components to tailwindcss. One thing that stood out to me with tailwindcss was the great tooling around it, which I felt was a bit lacking in theme-ui

Describe the solution you'd like
I would like to propose a tool like https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss

For theme-ui. It would read the theme object, and create intellisense for variants naming, colours and more. In addition it could show previews of the colors when typing in the sx prop where relevant

Now, I do believe this will be quite difficult to implement as the sx prop would have troubles knowing what to show, like autocompleting colors on bg. But I think it's something worth considering for the developer experience 😁

[acao]

This would be awesome!

I have experience creating vscode extensions if you need help on where to get started.

[lachlanjc]

I don't foresee myself taking this on so please do!! 🙏

[sommoMicc]

Hello! What a great idea!
Please do!

[loramt]

This would be awesome!

[httpiga]

I would love seeing this become a thing!