diff --git a/lib/selectors/selectorPlaceholders.scss b/lib/selectors/selectorPlaceholders.scss index 5dc864dc2..dd79a2f4b 100644 --- a/lib/selectors/selectorPlaceholders.scss +++ b/lib/selectors/selectorPlaceholders.scss @@ -3730,7 +3730,7 @@ pre { .roleName_f9575e { @extend %roleName !optional; } -.button_f9d37d { +.button_edead5 { @extend %roleAddButton !optional; } .container_ac201b { diff --git a/src/chat/textAreaAutoComplete.scss b/src/chat/textAreaAutoComplete.scss index 65c249c20..b2c3c7b36 100644 --- a/src/chat/textAreaAutoComplete.scss +++ b/src/chat/textAreaAutoComplete.scss @@ -8,7 +8,6 @@ %autocomplete { %autocompleteInner { background: cv('bg.general.popout'); - backdrop-filter: blur(1px); animation: cv-menu-slide-bottom 0.2s ease-in-out; transform-origin: 50% 100%; } diff --git a/src/defaultSettings.scss b/src/defaultSettings.scss index 298c710d1..100609ff2 100644 --- a/src/defaultSettings.scss +++ b/src/defaultSettings.scss @@ -76,7 +76,7 @@ --home-icon: url(https://clearvision.github.io/icons/discord.svg); --home-position: center; --home-size: 40px; - --popout-color: rgba(0, 0, 0, 0.6); + --popout-color: rgba(0, 0, 0, 0.7); --modal-color: rgba(0, 0, 0, 0.5); --bd-blue: var(--main-color); --bd-blue-hover: var(--hover-color); diff --git a/src/messages/textContainer.scss b/src/messages/textContainer.scss index 9320c4b7a..4e902b9b4 100644 --- a/src/messages/textContainer.scss +++ b/src/messages/textContainer.scss @@ -29,5 +29,4 @@ // CHANGE LANGUAGE POPOUT %textContainerLanguageSelector { background-color: cv('bg.general.popout'); - backdrop-filter: blur(1px); } diff --git a/src/modals/otherModals.scss b/src/modals/otherModals.scss index 7ae19724c..97433000e 100644 --- a/src/modals/otherModals.scss +++ b/src/modals/otherModals.scss @@ -182,7 +182,6 @@ // SOUNDBOARD MODAL %soundboard { background-color: cv('bg.general.popout'); - backdrop-filter: blur(1px); %soundboardSound, %soundboardGuildSelected { background-color: $main-color; diff --git a/src/popouts/applicationPopout.scss b/src/popouts/applicationPopout.scss index 4990a07f8..5b4c0730a 100644 --- a/src/popouts/applicationPopout.scss +++ b/src/popouts/applicationPopout.scss @@ -8,8 +8,7 @@ // BACKGROUND %appPopoutWrapper { - background-color: cv('bg.general.popout'); - backdrop-filter: blur(1px); + background-color: cv('bg.general.popout'); box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); box-shadow: none; } diff --git a/src/popouts/connectionInfo.scss b/src/popouts/connectionInfo.scss index 505ffb536..79482ea16 100644 --- a/src/popouts/connectionInfo.scss +++ b/src/popouts/connectionInfo.scss @@ -1,7 +1,6 @@ /* CONNECTION INFO POPOUT */ %connectionDebugPopout { background-color: cv('bg.general.popout'); - backdrop-filter: blur(1px); box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } %connectionDebugText { diff --git a/src/popouts/emojiPicker.scss b/src/popouts/emojiPicker.scss index e3561f422..75b5cc367 100644 --- a/src/popouts/emojiPicker.scss +++ b/src/popouts/emojiPicker.scss @@ -4,7 +4,6 @@ } %emojiPickerWrapper { background-color: cv('bg.general.popout'); - backdrop-filter: blur(1px); border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } @@ -14,11 +13,9 @@ } %emojiPickerHeader { background-color: cv('bg.general.popout'); - backdrop-filter: blur(1px); } %emojiPicker { background-color: cv('bg.general.popout'); - backdrop-filter: blur(1px); min-width: 430px; border-radius: 0; %emojiPickerHeader { diff --git a/src/popouts/groupInvite.scss b/src/popouts/groupInvite.scss index 306c1b3e2..7ecd8d187 100644 --- a/src/popouts/groupInvite.scss +++ b/src/popouts/groupInvite.scss @@ -3,7 +3,6 @@ %groupInvitePopout { &%modalRoot { background-color: cv('bg.general.popout'); - backdrop-filter: blur(1px); } } } diff --git a/src/popouts/inboxPopout.scss b/src/popouts/inboxPopout.scss index 189e32ac6..93d696fb8 100644 --- a/src/popouts/inboxPopout.scss +++ b/src/popouts/inboxPopout.scss @@ -4,7 +4,6 @@ %messagesPopoutWrap, %recentMentionsPopout { background-color: cv('bg.general.popout'); - backdrop-filter: blur(1px); animation: cv-menu-fold-y 0.2s cubic-bezier(0.2, 0.6, 0.5, 1.1); transform-origin: 50% 0; border-radius: 5px; diff --git a/src/popouts/mentionEveryone.scss b/src/popouts/mentionEveryone.scss index 885c7c80d..af510379f 100644 --- a/src/popouts/mentionEveryone.scss +++ b/src/popouts/mentionEveryone.scss @@ -1,7 +1,6 @@ %themeDark { %everyoneWarningPopout { background-color: cv('bg.general.popout'); - backdrop-filter: blur(1px); } %everyoneWarningFooter { background-color: transparent; diff --git a/src/popouts/menuPopout.scss b/src/popouts/menuPopout.scss index 905f311a3..b0273bbdb 100644 --- a/src/popouts/menuPopout.scss +++ b/src/popouts/menuPopout.scss @@ -1,7 +1,6 @@ /* MENU POPOUT */ %menuPopout { background-color: cv('bg.general.popout'); - backdrop-filter: blur(1px); animation: cv-menu-fold-y 0.2s cubic-bezier(0.2, 0.6, 0.5, 1.1); transform-origin: 50% 0; %menuPopoutItem { diff --git a/src/popouts/otherPopouts.scss b/src/popouts/otherPopouts.scss index 0ec64a663..6d8941b30 100644 --- a/src/popouts/otherPopouts.scss +++ b/src/popouts/otherPopouts.scss @@ -1,7 +1,6 @@ // EMOJI INFO POPOUT %emojiInfoContainer { background-color: cv('bg.general.popout'); - backdrop-filter: blur(1px); } %emojiInfoTip { background-color: transparent; @@ -13,7 +12,6 @@ // CHAT TOOLBAR %chatToolbar { background-color: cv('bg.general.popout'); - backdrop-filter: blur(1px); &::before { border-top: 8px solid hsla(0, 0%, 0%, 0.8); } @@ -29,7 +27,6 @@ %themeDark { %streamPopoutPreview { background-color: cv('bg.general.popout'); - backdrop-filter: blur(1px); } %streamPopoutPreviewContainer { background-color: transparent; diff --git a/src/popouts/regionSelectorPopout.scss b/src/popouts/regionSelectorPopout.scss index 7e2ffad0f..d461fe11f 100644 --- a/src/popouts/regionSelectorPopout.scss +++ b/src/popouts/regionSelectorPopout.scss @@ -2,7 +2,6 @@ %themeDark %regionSelectPopout { background-color: cv('bg.general.popout'); - backdrop-filter: blur(1px); %regionSelectPopoutOption { background-color: transparent; diff --git a/src/popouts/searchPopout.scss b/src/popouts/searchPopout.scss index a3778ca5c..b956383ed 100644 --- a/src/popouts/searchPopout.scss +++ b/src/popouts/searchPopout.scss @@ -1,7 +1,6 @@ /* SEARCH POPOUT */ %themeDark %searchPopout { background-color: cv('bg.general.popout'); - backdrop-filter: blur(1px); box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); animation: cv-menu-fold-y 0.2s cubic-bezier(0.2, 0.6, 0.5, 1.1) 0.1s backwards; transform-origin: 50% 0; diff --git a/src/popouts/threadPopout.scss b/src/popouts/threadPopout.scss index 20f9a5aae..859c85b7f 100644 --- a/src/popouts/threadPopout.scss +++ b/src/popouts/threadPopout.scss @@ -1,7 +1,6 @@ /* THREADS POPOUT */ %popoutLayer %threadsPopoutContainer { background-color: cv('bg.general.popout'); - backdrop-filter: blur(1px); animation: cv-menu-fold-y 0.2s cubic-bezier(0.2, 0.6, 0.5, 1.1); transform-origin: 50% 0; border-radius: 5px; diff --git a/src/popouts/voiceChannelListeningTo.scss b/src/popouts/voiceChannelListeningTo.scss index 5ef97a228..02993de5e 100644 --- a/src/popouts/voiceChannelListeningTo.scss +++ b/src/popouts/voiceChannelListeningTo.scss @@ -1,7 +1,6 @@ //Voice Channel listening to or playing x game %voiceChannelListening { background: cv('bg.general.popout'); - backdrop-filter: blur(1px); } %voiceChannelListeningIcon { background: $main-color; diff --git a/src/settings/channelSettings.scss b/src/settings/channelSettings.scss index 142a0e302..a10b8e6bd 100644 --- a/src/settings/channelSettings.scss +++ b/src/settings/channelSettings.scss @@ -84,7 +84,6 @@ %themeDark %channelSettingsRoleDropdownHeader, %themeDark %channelSettingsRoleDropdownContainer %channelSettingsRoleDropdownTag { background-color: cv('bg.general.popout'); - backdrop-filter: blur(1px); } %channelSettingsRoleDropdownRow%channelSettingsRoleDropdownSelected %channelSettingsRoleDropdownRowInner { background-color: hsla(0, 0%, 100%, 0.1); diff --git a/src/settings/content.scss b/src/settings/content.scss index 74f909feb..fc9469011 100644 --- a/src/settings/content.scss +++ b/src/settings/content.scss @@ -91,7 +91,6 @@ } %settingsDropdownPopout { background-color: cv('bg.general.popout'); - backdrop-filter: blur(1px); border: none; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); diff --git a/src/settings/onboarding.scss b/src/settings/onboarding.scss index 409ad7bfc..ea0593443 100644 --- a/src/settings/onboarding.scss +++ b/src/settings/onboarding.scss @@ -3,7 +3,6 @@ // POPOUT %onboardingEduPopout { background-color: cv('bg.general.popout'); - backdrop-filter: blur(1px); } %onboardingEduPopoutArrow { border-bottom-color: rgba(0, 0, 0, 0.8); @@ -127,7 +126,6 @@ } %onboardingQuestionDropdown { background-color: cv('bg.general.popout'); - backdrop-filter: blur(1px); border: 1px solid hsla(0, 0%, 100%, 0.07); box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }