Border controls not working properly with Tailwind and dark mode

[sunny]

Looks like you can’t set separate styles for light mode and dark mode. It gets replaced with your last selection.

Steps to reproduce:

1. Create a div, enable Tailwind mode, set border style to solid, set width to 2, and set a border colour
2. Switch the canvas to dark mode. Select a new border colour.

Instead of getting both border-slate-300 dark:border-slate-800 classes, it only gets the dark class.

Border width has the same issue.

Border style doesn’t have the same issue, but does something funky. Sometimes if you change it from solid to none (or vice versa), it will just stack the classes:

[Louis]

Hello @sunny,

Thanks for the report.
This should be fixed in the next update.

Cheers,

[oppi]

today I tried dark:md:bg-transparent and dark:bg-gray-700 was taking precedence.
will this and other pseudo combinations be fixed as well?

[Louis]

I have confirmed this bug, which is related to the dark mode.

Cheers,

[Araminta]

Hi @sunny,

Thank you for reporting this.

This was fixed with 1.4.0.2:

@Louis

• Fix: Border tailwind classes in dark mode were not applying properly

Kindly let me know if this is the case on your end.
Thank you in advance.