juxtopposed/realtimecolors

Tailwind color export base color and dark theme color beeing same

vasusubb47 opened this issue · 4 comments

vasusubb47 commented

In Tailwind while exporting the color profile turning on shades and theme flags.
both base and dark theme colors will be the same

Steps to reproduce the behavior:

  1. Create a color profile
  2. Click on export with shades and theme flags turned on.
  3. See both base and dark themes are the same.

Different color for base and dark theme.

base theme
image

dark theme
image

  • OS: windows 11
  • Browser: firefox
  • Version: 117.0.1
juxtopposed commented

Hi there. This is mainly because the shades are the same in both modes. What would you suggest is a better way to show this?

sa2812 commented

@juxtopposed - I too am tripped up by this. Shouldn't the dark shades be flipped with respect to the light shades?

In my code, I can have something like

<div class="bg-background-50">

and in dark mode, the background being referenced should be a different colour, but that's not how it currently works. It might be an implementation issue on my end, but I think that it's the same issue that @Vasu7777py encountered.

juxtopposed commented

This should be updated now. Let me know if it looks good.

  • 🎉1
sa2812 commented

That's perfect @juxtopposed! Thanks for the quick turnaround! I'm not OP, but this issue looks like one you can safely close.

  • 👍1