diff --git a/routes/_components/profile/AccountProfile.html b/routes/_components/profile/AccountProfile.html index 09d893ca..72ba7fcd 100644 --- a/routes/_components/profile/AccountProfile.html +++ b/routes/_components/profile/AccountProfile.html @@ -39,13 +39,13 @@ :global(.account-profile-grid-wrapper) { -webkit-backdrop-filter: blur(7px) saturate(110%); backdrop-filter: blur(7px) saturate(110%); - background-color: var(--account-profile-grid-wrapper-bg-webkit); + background-color: var(--account-profile-bg-backdrop-filter); } } @supports not ((-webkit-backdrop-filter: blur(1px) saturate(1%)) or (backdrop-filter: blur(1px) saturate(1%))) { :global(.account-profile-grid-wrapper) { - background-color: var(--account-profile-grid-wrapper-bg); + background-color: var(--account-profile-bg); } } diff --git a/scss/themes/_base.scss b/scss/themes/_base.scss index 95e93121..efca28b6 100644 --- a/scss/themes/_base.scss +++ b/scss/themes/_base.scss @@ -70,8 +70,8 @@ --mask-opaque-bg: rgba($toast-bg, 0.8); --loading-bg: #ededed; - --account-profile-grid-wrapper-bg-webkit: rgba($main-bg-color, 0.7); - --account-profile-grid-wrapper-bg: rgba($main-bg-color, 0.9); + --account-profile-bg-backdrop-filter: rgba($main-bg-color, 0.7); + --account-profile-bg: rgba($main-bg-color, 0.9); --deemphasized-text-color:$deemphasized-color; --focus-outline: $focus-outline; diff --git a/templates/2xx.html b/templates/2xx.html index 0b632510..ab9e8a86 100644 --- a/templates/2xx.html +++ b/templates/2xx.html @@ -16,9 +16,9 @@