vscode-styled-components icon indicating copy to clipboard operation
vscode-styled-components copied to clipboard

xstyled + strongly-pathed theme colors

Open quantizor opened this issue 2 years ago • 2 comments

It’d be great to have an option for this extension to enable an “xstyled” mode that allows some new options for CSS values based on theme (would need a way to specify the file and export name to grab it for analysis.)

quantizor avatar Apr 13 '23 04:04 quantizor

Hey @probablyup could you give some more context as to what xstyled is or what an "xstyled mode" would look like? What sort of new options for CSS values would you expect to see?

jasonwilliams avatar Apr 13 '23 10:04 jasonwilliams

Hey yeah! xstyled is a meta framework built on top of styled-components that allows for CSS enriched with theme values: https://xstyled.dev/

It’s part of our org now :)

Part of it is a theme specification for defining things like named specialty colors that map back to theme.colors.* https://xstyled.dev/docs/magic-styled-components/

I’m definitely open to helping/doing this work if no one else is interested, just wanted to start the issue and get some eyeballs on it!

quantizor avatar Apr 13 '23 12:04 quantizor