Background Transparency (Mica, Acrylic, Blur)

[bwoah-md]

I really love this, the request I would like to add is for background transparency,
I use Zen and would love to have an option like that to seamlessly integrate it with the browser theme, like Nebula.

[refact0r]

can you provide more info on how to implement this? would simply adding a colorscheme with transparent bg colors work?

[ISOUL22]

You can do this with custom css, i just did it for mine in a few minutes, adjust the percentage and var to change the transparency and color, respectively. if your theme already blurs the browser's main background then you dont need a blur line for re-start. you might need the browser.tabs.allow_transparent_browser flag set to true in your browser's about:config, this flag only exists in firefox-based browsers (good luck if you use chrome)

snippet:

body {
background: color-mix(in srgb, var(--bg-2) 50%, transparent);
}

.panel,
.panel-label,
.widget-label {
background-color: color-mix(in srgb, var(--bg-2) 50%, transparent);
}