Transparent Body Background

[zeknoss]

Hi everone,
I've built a simple To Do app for my Homepage instance. I'm trying to make the background of the body transparent but no matter what I do, it does not work. I've tried other frameworks just to see if I'm not missing anything outside Vuestic and they all work without any issues.

Any ideas what could be the reason behind this?

[m0ksem]

Hi, you should make backgroundPrimary transparent in colors config.
https://ui.vuestic.dev/styles/colors#color-palette

[zeknoss]

Hey @m0ksem , thank you for the answer.
But unfortunately "transparent" isn't accepted as a valid color in the config and compiler complains about it. When I set it as an rgba color with 0 transparency, it still looks the same.

[m0ksem]

Try maybe #ffffff00?

[zeknoss]

That doesn't work either. But when I remove the color-scheme CSS prop from the HTML, the background becomes transparent. Finally I found the culprit.