diff --git a/src/components/containers/BlurWrapper/styles.module.scss b/src/components/containers/BlurWrapper/styles.module.scss index 3c2143c9..9ca0948c 100644 --- a/src/components/containers/BlurWrapper/styles.module.scss +++ b/src/components/containers/BlurWrapper/styles.module.scss @@ -6,12 +6,4 @@ box-sizing: border-box; flex-direction: column; min-height: 100vh; - - &.is_blurred { - filter: blur(15px); - - @include can_backdrop { - filter: blur(0); - } - } } diff --git a/src/components/dialogs/ModalWrapper/styles.module.scss b/src/components/dialogs/ModalWrapper/styles.module.scss index cdf1aa9a..81c512ca 100644 --- a/src/components/dialogs/ModalWrapper/styles.module.scss +++ b/src/components/dialogs/ModalWrapper/styles.module.scss @@ -51,11 +51,12 @@ left: 0; width: 100%; height: 100%; - background: transparentize($color: #000000, $amount: 0.9); + background: transparentize($color: $content_bg, $amount: 0.1); cursor: pointer; animation: appear 0.25s forwards; @include can_backdrop { backdrop-filter: blur(15px); + background: transparentize($color: $content_bg, $amount: 0.9); } }