How to add multiple themes?

[AhsanSarwar45]

How do I add multiple themes like here: https://www.shadcn-svelte.com/themes, allowing the user to switch between them?

[SikandarJODD]

did u find the answer ?

[AhsanSarwar45]

@SikandarJODD A nice person on their discord server did present a solution although I haven't tried it yet as our plans for the theme changed. Pasting it here for reference:

My question: Hi, how do I dynamically change the theme, like on here: https://www.shadcn-svelte.com/themes?

Answer: "In order to update the theme, you need to update the variables as defined inside of your app.pcss
This can easily made through the use of style:<your var> in svelte, such as style:--primary="346.8 77.2% 49.8%", which will update the primary color for all nested elements underneath the element." (Jeanne)

So I'm guessing you can have a theme store, and then based on that store, change the style:<your var> in your +layout.svelte and it will hopefully update the entire application.

Let me know if it works for you and I can mark this as the answer.