Theme

[uma-uc]

This is an interesting approach indeed.
How do u support switching multiple themes using css attribute selector

[anubra266]

Hi @uma-uc, this is something that'll be handled by the design systems built on zag. Zag aims to handle the component primitives.

[uma-uc]

What I meant was, as an example in solid-ts, accordion component,
injectGlobal(accordionStyle) is injected prior. So if the theme changes how should the changes be applied?

[anubra266]

@uma-uc, those styles are just injected for the purpose of our demos, you can use any design systems of your choice that could help you handle color modes.

[uma-uc]

I see - thanks for your prompt response. Would u be able to provide an example? Are you saying we pass as class and not use css attribute selector?

[anubra266]

@uma-uc take the component sections like normal HTML tags, zag is just providing the html attributes to handle their logic and accessibility, you can now style them yourself by passing HTML classes.
What framework are you better familiar with? Maybe that would help me explain better.

[uma-uc]

got it.. Thanks @anubra266 - I saw the example in zag-docs/components/machines/accordion.tsx as example... using hope-ui