juxtopposed/realtimecolors

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};