Adapting SVAR Themes with Tailwind CSS

FernandoHumanes

The SVAR theme set is very limited and from the examples there are many, many customizations.

I have seen that in Front-End frameworks and others, Tailwind is used a lot for UI customization of applications.

In conjunction with Tailwind, I use Daisy Ui, so I've been testing integrating Daisy CSS themes with SVAR themes.

I have a part, Willow, SVAR theme, inherits Colors, and a few other attributes, from Daisy UI themes.

Have you not felt that the definition of SVAR themes falls short in your developments?

Have you done any integration of SVAR themes with any other products?

For Svar technicians. Do you have planned what evolution will take place with the themes?

If you consider it appropriate, I can share what I have already done.

Greetings,

Helga

Hello,

Do you have planned what evolution will take place with the themes?

In the future we are considering expanding the set of CSS variables to make them closer to design tokens, which should make customization easier. However this work is still in early planning.

If you consider it appropriate, I can share what I have already done.

Yes, please feel free to share it here on the forum or contact us at info@svar.dev. We'd be interested to see your implementation.

FernandoHumanes

Explaining in detail how I have integrated Tailwind + Daisy UI with the SVAR components in the forum is very complex for me, that is why I leave the link to my Blog, where I explain it and leave the code to be freely downloaded by anyone who wants to study it.

URL: https://fhumanes.com/blog/svelte/s-019-anadir-tailwind-y-daisy-ui-con-componentes-de-svar/

DEMO: https://fhumanes.com/movie-svar/

The Blog is in Spanish, but it is automatically translated into almost any language (flag selector on the left).
There are many other articles that may also be of interest to you.

I hope the example illustrates the interest of having tools to facilitate the design of the UI of applications.

Helga

Great, thank you for sharing! We will investigate into this