Hard coding dark classes

[Doobox (Doobox Software)]

So you can’t hard code something like this in a html stack:

  <p
    class="block w-auto h-auto text-text-50 dark:text-text-950 text-opacity-[100%] dark:text-opacity-[100%] font-heading text-xl font-[500] tracking-normal leading-normal not-italic text-shadow-none normal-case whitespace-none text-left"
    id=""
    >
        Some text here
    </p>

Well you can if the advanced setting “allow dark mode” is on.
If you turn it off (allowing only light mode), you get the dark classes applied.

This essentially means we can’t hard code the dark classes in components anywhere, in case the user turns off the “allow dark mode”.

Well, we kind of can, if we go through hooks again, check if allow dark mode is true/false, and build some optional classes. Urggghhhh.

[Doobox (Doobox Software)]

When the user toggles off the “Allow dark mode” switch, these media queries should be nuked

Seems like a flaw in the intelligent tailwind build on preview / publish, not accounting for the value of rw.project.allowDarkMode, as in edit all is well.