How to install multiple themes on website?

[HuakunShen]

How to install multiple themes like the documentation website and be able to toggle themes?

Should I import all css files? Or should I import the css files dynamically?

import '@skeletonlabs/skeleton/themes/theme-skeleton.css';
// import '@skeletonlabs/skeleton/themes/theme-crimson.css';
// import '@skeletonlabs/skeleton/themes/theme-gold-nouveau.css';
// import '@skeletonlabs/skeleton/themes/theme-hamlindigo.css';
// import '@skeletonlabs/skeleton/themes/theme-modern.css';
// import '@skeletonlabs/skeleton/themes/theme-rocket.css';
// import '@skeletonlabs/skeleton/themes/theme-sahara.css';
// import '@skeletonlabs/skeleton/themes/theme-seafoam.css';
// import '@skeletonlabs/skeleton/themes/theme-seasonal.css';
// import '@skeletonlabs/skeleton/themes/theme-vintage.css';
// If you have source.organizeImports set to true in VSCode, then it will auto change this ordering
import '@skeletonlabs/skeleton/styles/skeleton.css';
// import '@skeletonlabs/skeleton/styles/sahara.css';
// import '@skeletonlabs/skeleton/styles/seafoam.css';

[endigo9740]

@HuakunShen we do not currently provide support for multiple themes in Skeleton due to the complexity required. You can view how we handle it in our doc site since it's open source, but it requires several steps. That said, this will change in the upcoming v2 release. We've reworked our Tailwind plugin in such a way this is much more trivial. Essentially you register your themes and then swap a data attribute on the body element to change themes. You cand find details here:

• Popup refactor and extension #1350

[HuakunShen]

The new design should be great, like daisyui. Their theme change only requires an attribute change.

Can you point me to the file in your doc site that this is used? I couldn't find it.

Is there a estimated time for the v2 release. We really need this feature.

[endigo9740]

Documentation will be written soon, and no set ETA for release. Likely the one release or one after though. We typically release on a 2 week interval, but this next release will be delayed a week since I'm out of office this week.

You can track progress for remaining items here:

• Skeleton Roadmap #1367

[HuakunShen]

Thank you for your work!