automatically inverted color pallet/s

[JacobZwang]

Is your feature request related to a problem? Please describe.
It's annoying to have to define commonly used colors for light and dark mode when in most situations the pallet can just be inverted automatically.

This would also prevent developers from accidentally creating UI that doesn't look at least passable in both light and dark mode. Ex: they make a section of a page and make the color neutral.100 so it's a little darker than the background in light mode. In dark mode this will be a blinding and unreadable section.

Describe the solution you'd like
Provide option to use color pallets that are automatically inverted based on color mode. It won't always look perfect, but it will look good enough in the majority of use cases. The small percent where it doesn't can be manually overridden using the current system.

Describe alternatives you've considered
Adding our own pallet that does this. This feels like something that should be built in because our custom pallets could diverge from what hope is using internally. We can't override hope's pallet because hope already inverses the pallet inside it's component logic, which means it would reverse the effect.

Additional context
See Nightwind for example.

My guess is that most developers want a solution that "just works", which can then be customized if needed. That is what this provides.

[fabien-ml]

Hi, thanks for reporting the issue.

I've tried to find a painless way to do dark mode with tailwind-like color palettes and didn't found anything.

Thanks for the nightwind link, I will do it this way (inverting -50 and -900) for both default hope-ui colors and the ones provided by the user.

Like you said it will look good enough most of the time.