I thought to myself, what about new semantic colors?

[willpinha]

In the past I've used DaisyUI, which is a great library for when you need beautiful, custom themes. They provide themes like light/dark (like Shoelace), halloween, dracula, synthwave, among many others (32 ready-to-use themes!).

To create these themes, they use semantic colors (like "primary" in Shoelace), but I found that Shoelace only offers the following semantic colors:

• primary
• success
• Notice
• danger
• neutral
• black & white

Compared to the following DaisyUI semantic colors:

• primary, primary-content
• secondary, secondary-content
• accent, accent-content
• neutral, neutral-content
• base-100, base-200, base-300
• information, information-content
• success, successful-content
• warning, warning-content
• error, error-content

With all these semantic colors, DaisyUI is able to build unique themes. At Shoelace, since we only have primary as a brand color for our custom themes, there aren't many ways to create these cool themes.

Of course, there is the Tailwind palette, but they are not semantic colors and therefore would not fit into new themes.

Is there something I'm missing here?

I would like to create several diverse themes for Shoelace, like in DaisyUI, but I don't see a way that offers the same semantic color flexibility as DaisyUI

[claviska]

We're reworking the theming API to make customization and theming easier. We'll be making an announcement about this next month. Thanks for your patience!

[taylor-xlmedia]

Any updates on this one? Or any links to resources or examples would be great! Thank you.

[claviska]

The new theming API will be available in the upcoming Web Awesome release, which is basically Shoelace 3.0.

[taylor-xlmedia]

Any suggestions on how one might tackle integration with a daisyui semantic style design tokens (colors mainly) setup?

I guess a manual mapping of all of those vars to adapt it to the Shoelace spec?