diff --git a/src/theme/_vars.scss b/src/theme/_vars.scss index 86638dc..e928586 100644 --- a/src/theme/_vars.scss +++ b/src/theme/_vars.scss @@ -53,7 +53,7 @@ --unread-colour: 255 255 255; - --backdrop-background: var(--bg-primary); + --backdrop-background: var(--bg-tertiary); --backdrop-blur: 10px; --channel-height: 40px; diff --git a/src/theme/members/_container.scss b/src/theme/members/_container.scss index a44c47c..af48e7f 100644 --- a/src/theme/members/_container.scss +++ b/src/theme/members/_container.scss @@ -1,6 +1,6 @@ #app-mount { .container_b2ce9c { - background: var(--bg-primary); + background: transparent; } .membersWrap__90226 { min-width: var(--members-width); @@ -8,7 +8,7 @@ height: 100%; } .members__9f47b { - background: transparent; + background: var(--bg-primary); width: 100%; & > div { background: transparent; diff --git a/src/theme/modals/_global.scss b/src/theme/modals/_global.scss index 186cf26..27b6578 100644 --- a/src/theme/modals/_global.scss +++ b/src/theme/modals/_global.scss @@ -1,9 +1,6 @@ #app-mount { .backdrop__7e89b { background: var(--backdrop-background) !important; - backdrop-filter: blur(var(--backdrop-blur)) !important; - opacity: 1 !important; - animation: fadeIn 0.2s ease forwards; } .root_a28985:not(.carouselModal-1eUFoq) { box-shadow: none !important; diff --git a/src/theme/sidebar/_channel.scss b/src/theme/sidebar/_channel.scss index 16d0444..32849a4 100644 --- a/src/theme/sidebar/_channel.scss +++ b/src/theme/sidebar/_channel.scss @@ -5,7 +5,7 @@ padding: 0; margin: 0; - &.modeUnread_f74c03 { + &.modeUnreadImportant_efb53e { .unread__48cf4 { box-shadow: 0 0 calc(var(--channel-glow-intensity) * 10px) calc(var(--channel-glow-intensity) * 2px) rgb(var(--unread-colour) / 0.3);