From bdf547b5612ef24c3c18f93a009c554472f3fb63 Mon Sep 17 00:00:00 2001 From: Spanky <2788886+SpankyWorks@users.noreply.github.com> Date: Wed, 11 Apr 2018 21:47:25 -0500 Subject: [PATCH] made a variable for the AccountProfile page for its color overlay of the header image. (#84) --- routes/_components/profile/AccountProfile.html | 4 ++-- scss/themes/_base.scss | 3 +++ templates/2xx.html | 4 ++-- 3 files changed, 7 insertions(+), 4 deletions(-) diff --git a/routes/_components/profile/AccountProfile.html b/routes/_components/profile/AccountProfile.html index 379b6a9..09d893c 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: rgba(255, 255, 255, 0.7); + background-color: var(--account-profile-grid-wrapper-bg-webkit); } } @supports not ((-webkit-backdrop-filter: blur(1px) saturate(1%)) or (backdrop-filter: blur(1px) saturate(1%))) { :global(.account-profile-grid-wrapper) { - background-color: rgba(255, 255, 255, 0.9); + background-color: var(--account-profile-grid-wrapper-bg); } } diff --git a/scss/themes/_base.scss b/scss/themes/_base.scss index 2f1d01c..95e9312 100644 --- a/scss/themes/_base.scss +++ b/scss/themes/_base.scss @@ -70,6 +70,9 @@ --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); + --deemphasized-text-color:$deemphasized-color; --focus-outline: $focus-outline; diff --git a/templates/2xx.html b/templates/2xx.html index 60c5d7a..0b63251 100644 --- a/templates/2xx.html +++ b/templates/2xx.html @@ -16,9 +16,9 @@