[Feature request]: Support themes with themes

[tammyhart]

What feature would you like to see?

For my current project, I'm considering offering visitors multiple "styles" that would then also have both dark and light "themes".

Such as:

• style1.light
• style1.dark
• style2.light
• style2.dark

From there, I would have a way to select which "style" you want, and a separate button for switching between dark and light "themes".

The reasoning is that this is for my portfolio and offering different "styles" would be a way to let them switch design trends applied to the content, while a separate dark/light switcher would feel more "system tool"-ish, for the lack of a real word.

I would also want to continue to support the system theme setting.

Perhaps this is already possible and I just haven't thought hard enough about how to implement it, but I wanted to get the request out there anyways.

[tammyhart]

I also occurs to me I might consider this structure:

const themes = { dark: ["style1", "style2"], light: ["style1", "style2"], }

Need to think harder on this, but wanted to jot this thought down before I lose it.

[universse]

It looks like this project is no longer maintained so perhaps you can take a look at my library which supports this use case.