juxtopposed / realtimecolors

Real-time UI Colorpicking Tool. See your favorite colors of choice for a website in real time.
https://realtimecolors.com
Other
798 stars 31 forks source link

Custom code export - shadcn - secondary foreground same as background #77

Closed matijakelemen closed 11 months ago

matijakelemen commented 11 months ago

Describe the bug While exporting colors in Custom code -- shadcn format I'm getting the same color on secondary-foreground and secondary-background. Same goes for dark mode.

--secondary: 34 52% 14%;
--secondary-foreground: 34 52% 14%;

This page was used https://www.realtimecolors.com/?colors=362611-fbf1ea-f4ba1a-362611-443f92&fonts=Poppins-Poppins

To Reproduce Steps to reproduce the behavior:

  1. Go to https://www.realtimecolors.com/?colors=362611-fbf1ea-f4ba1a-362611-443f92&fonts=Poppins-Poppins
  2. Click on Export
  3. Click on Custom Code
  4. Click on shadcn
  5. See error mentioned above

Expected behavior On inspecting the page, colors are like this in button Secondary: background = hsl(34, 52%, 14%) text = hsl(25, 68%, 95%) This values should be exported.

Screenshots image

Desktop (please complete the following information):

Smartphone (please complete the following information):

Additional context On the first look, it's exporting values of the background of the secondary as foreground, and not the background of the main page. Just a hint, may be wrong.

juxtopposed commented 11 months ago

This is fixed in v3.2.