Transparency problem

[umbral marsh]

Ok I so have the "SettingsModal" theme and I'm trying to add transparency to it using QuickCSS or a CSS file, doesn't really matter which. So far I got
"@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/SettingsModal/SettingsModal.css);

:root {
--settingswidth: 960; /* width of the settings modal, px /
--settingsheight: 80; / height of the settings modal, vh /
--settingsbackground: rgba(30, 31, 34, 0.5); / changed from transparent to semi-transparent black */
}

/* Override the background of the settings modal /
.settingsWrapper-2h4W5y, / Main settings modal wrapper /
.settingsModal-2dE-_Y { / Settings modal content /
background-color: var(--settingsbackground) !important;
backdrop-filter: blur(8px) !important; / Optional glass blur effect */
-webkit-backdrop-filter: blur(8px) !important;
}
"

Wondering if anyone can do it correctly

[white ibex]

what exactly are you aiming for

[umbral marsh]

I'm just trying to get this window to be just transparent enough to see messages behind it, maybe with a slight blur as well

[white ibex]

oh its not that hard ill do it later maybe

[umbral marsh]

Oml that would be awesome. As you can see I tried doing it myself and that did not work/do anything at all

[white ibex]

i got it to work although the close button becomes unusable whenever there is a blur effect applied so youe gonna need to close settings with ESC

i did my best tho

[umbral marsh]

I use esc anyway

[white ibex]

okay i also made a different version tho

with everything working

just now

[umbral marsh]

Ok I can try them both out

Looks misty lol

[white ibex]

this is the other one

[umbral marsh]

I like the first one.

Probably with a little more transparency

[white ibex]

its very much customizable

these

[umbral marsh]

Oml that is way more text then I though it was gonna be

[white ibex]

i might also have just made it shitty idk

its 5am for me

almost 6 lol

[umbral marsh]

Ah

Will it looks great, thanks so much