[React-Native] Dark Mode

[bezedache29]

Hello, I am on React-Native 0.73.2 and I am using twrnc for my styles. My application needs to handle dark mode, and I would like to simplify the task by using the Tailwind classes only once for both light and dark modes. What I mean is, I don't want to have to use text-black dark:text-white everywhere. Instead, I would like the black color in my theme to automatically switch to white in dark mode. This way, every time I use black, it becomes white in dark mode, and the same logic applies to all colors.

On my WebApp, I use tw-colors, and it works very well, but I am having trouble reproducing it in React-Native.

Does anyone have any ideas on how I could integrate this functionality into my project ?

Thank you in advance for your responses.

[jaredh159]

I haven't tried that approach (either in web, or RN), so I don't have a ton of ideas, but it should be possible. I feel like I've seen @JamesHemery show some code where he dynamically swapped between two different tailwind configs at runtime, maybe he could give you a snippet -- that approach might work here.

(also, converting to a discussion, since that seems to be a better fit for this question)