So I'm trying to make the SettingsModal semi-transparent but I can't seem to get it to work
#Add transparency to my theme
short swallow
So far I'm trying QuickCSS
"@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/SettingsModal/SettingsModal.css);
:root {
--settingswidth: 960;
--settingsheight: 80;
}
/* Force transparency with max specificity and overrides */
.settingsWrapper-2h4W5y,
.settingsModal-2dE-_Y,
.settingsInner-3RY_Ds,
.theme-dark,
.theme-light,
body,
#app-mount,
div[role="dialog"] {
background-color: rgba(31,31,31,0.4) !important;
backdrop-filter: blur(12px) !important;
-webkit-backdrop-filter: blur(12px) !important;
}
/* Remove any background images or overlays */
.settingsWrapper-2h4W5y::before,
.settingsModal-2dE-_Y::before,
.settingsInner-3RY_Ds::before,
.theme-dark::before,
.theme-light::before,
body::before {
background: transparent !important;
content: none !important;
}
/* Remove any box shadows that block transparency */
.settingsWrapper-2h4W5y,
.settingsModal-2dE-_Y,
.settingsInner-3RY_Ds {
box-shadow: none !important;
}"
I have also tried
"@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;
}
"
Add transparency to my theme
Just wondering if anyone knows how to do it correctly