How to get a theme for the custom component

Goal: I want to apply a theme from a custom theme library (Vuexy) to an app, but the CSS is not working properly.

Steps: I successfully imported some Vuexy components into the Retool app, but they are not applying the theme. I think I’m missing the CSS, but I don’t know where to add it.

Details: I added the component code and uploaded some theme files, but the correct theme is not being applied.

Screenshots:
I'm missing something?
image

more context:


image

I started testing with small components before moving on to others, but the button still does not have the desired theme.

Thanks for reaching out, @lzgc. Just to clarify, are you looking to use this custom theme across your app or just within the context of your custom component? I ask because custom components are rendered within their own iframe and, thus, don't inherit any styling rules from its parent.

It's definitely possible to style those custom components in isolation, though. You can look here for one such example. I'm not familiar with Vuexy, in particular, but am happy to help with the implementation if you're able to share a little more detail!

1 Like