Exporting primary-text-contrast, secondary-text-contrast, and accent-text-contrast
drpicox opened this issue · 1 comments
Is your feature request related to a problem? Please describe.
Not a problem, just an inconvenience.
When exporting colors, we have --primary, --secondary, ... but not the corresponding black or white that should go inside of it.
Because I like to copy-and-paste several variations, so I can see how those colors play, I found myself that I have to add one more step that is updating --primary-text-contrast --secondary-text-contrast and --accent-text-contrast manually.
Describe the solution you'd like
Would be it possible to add those variables to the export panel?
Describe alternatives you've considered
Now I am doing it by hand, but I have considered to open a PR... but it appears that the main repository has been moved.
Additional context
Great work! Great channel!
You can export these foregrounds in the custom code export section as:
${primaryFg}
${secondaryFg}
${accentFg}
More info here
So let's say if you need them in just CSS, the custom code input would be something like:
--text: ${text};
--background: ${bg};
--primary: ${primary};
--primary-foreground: ${primaryFg};
--secondary: ${secondary};
--secondary-foreground: ${secondaryFg};
--accent: ${accent};
--accent-foreground: ${accentFg};