Border controls not working properly with Tailwind and dark mode

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:

CleanShot 2024-02-07 at 15.34.10@2x

Hello @sunny,

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


1 Like

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?

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


Hi @sunny,

Thank you for reporting this.

This was fixed with

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