diff --git a/Themes/BasicBackground/BasicBackground.css b/Themes/BasicBackground/BasicBackground.css index 17dc9c840e..eae60ce134 100644 --- a/Themes/BasicBackground/BasicBackground.css +++ b/Themes/BasicBackground/BasicBackground.css @@ -282,6 +282,33 @@ body::before { body::after { backdrop-filter: blur(var(--backgroundblur)); } +.container-16j22k::before, +.layer-3QrUeG ~ .layer-3QrUeG::before, +.root-3R2ngo::before, +.container-16j22k::after, +.layer-3QrUeG ~ .layer-3QrUeG::after, +.root-3R2ngo::after { + content: ""; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + pointer-events: none; + z-index: -1; +} +.container-16j22k::before, +.layer-3QrUeG ~ .layer-3QrUeG::before, +.root-3R2ngo::before { + background: var(--background) var(--backgroundposition)/var(--backgroundsize); + background-attachment: fixed; +} +.container-16j22k::after, +.layer-3QrUeG ~ .layer-3QrUeG::after, +.root-3R2ngo::after { + background-color: rgba(var(--transparencycolor), var(--transparencyalpha)); + backdrop-filter: blur(var(--backgroundblur)); +} .uploadArea-3QgLtW, .backdrop-29yll0, .backdrop-1wrmKB { @@ -2089,38 +2116,15 @@ body::after { backdrop-filter: blur(var(--popoutblur)); } .accountProfileCard-1XCH88 .avatar-1uQSZT, /* accountsettings container avatar */ -.profileBannerPreview-3_l0Wd .avatarUploader-2UF9NL { /* accountsettings preview avatar wrapper */ - z-index: 1; -} -.accountProfileCard-1XCH88 .avatar-1uQSZT, /* accountsettings container avatar */ .profileBannerPreview-3_l0Wd .avatarUploaderInner-Oiob_P { /* accountsettings preview avatar */ background-color: transparent; - border: none; - margin: 6px; + border-color: transparent; } -.accountProfileCard-1XCH88 .avatar-1uQSZT::before, -.profileBannerPreview-3_l0Wd .avatarUploaderInner-Oiob_P::before, -.accountProfileCard-1XCH88 .avatar-1uQSZT::after, -.profileBannerPreview-3_l0Wd .avatarUploaderInner-Oiob_P::after { - content: ""; - position: absolute; - top: -6px; - right: -6px; - bottom: -6px; - left: -6px; - border-radius: 50%; - pointer-events: none; - z-index: -1; +.accountProfileCard-1XCH88 .banner-2QYc2d { /* accountsettings container banner */ + -webkit-mask: url('data:image/svg+xml; utf8, ') bottom left no-repeat; } -.accountProfileCard-1XCH88 .avatar-1uQSZT::before, -.profileBannerPreview-3_l0Wd .avatarUploaderInner-Oiob_P::before { - background: var(--popout) var(--popoutposition)/var(--popoutsize); - background-attachment: fixed; -} -.accountProfileCard-1XCH88 .avatar-1uQSZT::after, -.profileBannerPreview-3_l0Wd .avatarUploaderInner-Oiob_P::after { - background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); - backdrop-filter: blur(var(--popoutblur)); +.profileBannerPreview-3_l0Wd .banner-hcPdsd { /* accountsettings preview banner */ + -webkit-mask: url('data:image/svg+xml; utf8, ') bottom left no-repeat; } .questionMark-3qBhGj svg { /* accountsettings questionmark new */ filter: drop-shadow(1px 1px var(--textshadow)); @@ -3141,31 +3145,12 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr #app-mount .root-3QyAh1 .topSection-y3p-_D { /* modal topsection */ background-color: rgba(var(--transparencycolor), .2); } +.root-3QyAh1 .banner-2QYc2d { /* modal banner */ + -webkit-mask: url('data:image/svg+xml; utf8, ') bottom left no-repeat; +} .root-3QyAh1 .avatar-AvHqJA { /* modal avatar */ background-color: transparent; - border: none; - margin: 8px; - z-index: 1; -} -.root-3QyAh1 .avatar-AvHqJA::before, -.root-3QyAh1 .avatar-AvHqJA::after { - content: ""; - position: absolute; - top: -8px; - right: -8px; - bottom: -8px; - left: -8px; - border-radius: 50%; - pointer-events: none; - z-index: -1; -} -.root-3QyAh1 .avatar-AvHqJA::before { - background: var(--popout) var(--popoutposition)/var(--popoutsize); - background-attachment: fixed; -} -.root-3QyAh1 .avatar-AvHqJA::after { - background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + .375)); - backdrop-filter: blur(var(--popoutblur)); + border-color: transparent; } #app-mount .body-r6_QPy { /* modal body */ background-color: transparent; @@ -4155,33 +4140,12 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr #app-mount .activity-2INFPu { padding: 0 16px 16px; } -.userPopout-xaxa6l .avatarWrapper-3r9PdD { /* popout avatar wrapper */ - z-index: 1; +.userPopout-xaxa6l .banner-2QYc2d { /* popout banner */ + -webkit-mask: url('data:image/svg+xml; utf8, ') bottom left no-repeat; } .userPopout-xaxa6l .avatar-37jOim { /* popout avatar */ background-color: transparent; - border: none; - margin: 6px; -} -.userPopout-xaxa6l .avatar-37jOim::before, -.userPopout-xaxa6l .avatar-37jOim::after { - content: ""; - position: absolute; - top: -6px; - right: -6px; - bottom: -6px; - left: -6px; - border-radius: 50%; - pointer-events: none; - z-index: -1; -} -.userPopout-xaxa6l .avatar-37jOim::before { - background: var(--popout) var(--popoutposition)/var(--popoutsize); - background-attachment: fixed; -} -.userPopout-xaxa6l .avatar-37jOim::after { - background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); - backdrop-filter: blur(var(--popoutblur)); + border-color: transparent; } #app-mount .body-3HBlXn, /* popout body */