Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tailwind color values vs variables #126

Open
Techn1x opened this issue Nov 12, 2024 · 1 comment
Open

Tailwind color values vs variables #126

Techn1x opened this issue Nov 12, 2024 · 1 comment

Comments

@Techn1x
Copy link

Techn1x commented Nov 12, 2024

Hello! I've noticed a lot of recent hard work has happened for this plugin for tailwind 🎉

Our designer uses variables to point to various TW (custom) colour tokens. In this case, you'll see bg-critical-base points to colour-red-300

Screenshot 2024-11-12 at 4 53 40 pm

When "Custom Colors" is checked, that seems to come through in the plugin code generation as "critical-base", but us developers actually need the "red-300" part so we know which colour to use from our tailwind config (note: we don't use the code generation verbatim, just as a reference, so it's less important that that part works perfectly for us) - we just need to see the words red-300.

Is there a way we can have the plugin show "red-300"? It's quite possible we have misconfigured figma config in some way, unfortunately I don't have access to the figma variables/config etc yet, but I'm working on that.


separately - You'll see the code generation on this window is a bit borked ([Object object]...) not sure why, it's fine in the other window. But I don't mind - more interested in getting colour names

@Techn1x
Copy link
Author

Techn1x commented Nov 12, 2024

An example of what we see on the regular dev mode panel - also displays critical-base there

(I know there's an extra bg- prefix in the code there, likely our own doing due to the names of our variables in figma, don't worry about it)
Screenshot 2024-11-12 at 5 19 14 pm

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant