diff --git a/src/addons/_radialglow.scss b/src/addons/_radialglow.scss index cc68852..f8f6687 100644 --- a/src/addons/_radialglow.scss +++ b/src/addons/_radialglow.scss @@ -110,15 +110,15 @@ $statusMap: ( @each $status in $statusList { $parsedItem: $parsedItem + '[aria-label*="' + $status + '" i]'; } - #{selector.append('.wrapper_edb6e0', selector.simple-selectors($parsedItem))}, - #{selector.append('.avatarWrapper', '[data-status="#{$statusType}"]')} .wrapper_edb6e0 { + #{selector.append('.wrapper__3ed10', selector.simple-selectors($parsedItem))}, + #{selector.append('.avatarWrapper', '[data-status="#{$statusType}"]')} .wrapper__3ed10 { box-shadow: 0 0 calc(var(--glow-intensity) * 10px) var(--rs-#{$statusType}-color); } } // StatusEverywhere by Strencher #app-mount { - .wrapper_edb6e0.StatusEverywhere-avatar-chatAvatar { + .wrapper__3ed10.StatusEverywhere-avatar-chatAvatar { margin: 0; } .avatarWrapper { diff --git a/src/addons/_serverrings.scss b/src/addons/_serverrings.scss index 2143ac9..63f14da 100644 --- a/src/addons/_serverrings.scss +++ b/src/addons/_serverrings.scss @@ -9,16 +9,16 @@ } #app-mount { - .wrapper_ed1dea ul[role='group'] { + .wrapper__832f2 ul[role='group'] { height: auto !important; } - .scroller__3d071 > div[style]:not([class]) { + .scroller_de945b > div[style]:not([class]) { margin-bottom: var(--server-spacing); } // Container - .listItem_fa7b36 { + .listItem__48528 { width: 100%; margin-bottom: var(--server-spacing); [class*='pill'] { @@ -78,8 +78,8 @@ } // Active state - .blobContainer__5ee50, - .listItemWrapper__1f93b { + .blobContainer_c44493, + .listItemWrapper__3d465 { transition: var(--transition, 0.15s ease); transition-property: transform; &:active { @@ -87,7 +87,7 @@ } } - .svg_ad7356 foreignObject { + .svg__34dd4 foreignObject { border-radius: var(--server-roundness, 50%); mask: none !important; } diff --git a/src/addons/_verticaluserarea.scss b/src/addons/_verticaluserarea.scss index 4d72e0c..46ee6ad 100644 --- a/src/addons/_verticaluserarea.scss +++ b/src/addons/_verticaluserarea.scss @@ -3,15 +3,15 @@ .tree__7a511 { outline: none !important; } - .scroller__3d071 { + .scroller_de945b { margin-bottom: var(--user-area, 220px); } - .unreadMentionsIndicatorBottom_fdb943 { + .unreadMentionsIndicatorBottom__9351c { bottom: calc(var(--user-area) + 10px); } } - .panels__58331 > .container_ca50b9 { + .panels__58331 > .container_debb33 { background: transparent; position: fixed; bottom: 0; @@ -24,17 +24,17 @@ & > [style='flex: 0 1 auto;'] { flex-direction: column; width: 100%; - .button__4f306 { + .button_ae40a4 { width: 100%; border-radius: 0; padding: 12px 0; height: auto; } } - .avatarWrapper_ba5175 { + .avatarWrapper__500a6 { margin-right: 0; margin-top: 12px; - .svg_f5b652 { + .svg_a6bf1c { width: 50px; height: 50px; transform: translate(1px, 1px); @@ -45,10 +45,10 @@ height: 42px !important; } } - .nameTag__0e320 { + .nameTag__77ab2 { display: none; } - .avatarWrapper_ba5175 { + .avatarWrapper__500a6 { margin: 0; min-width: unset; &:hover { diff --git a/src/theme/app/_app.scss b/src/theme/app/_app.scss index 80f6768..6c60b98 100644 --- a/src/theme/app/_app.scss +++ b/src/theme/app/_app.scss @@ -20,7 +20,7 @@ body, } // Remove wack ass box shadow from chat -.content__1a4fe::before { +.content__01e65::before { content: none; } @@ -36,7 +36,7 @@ html.theme-light { padding: 16px; color: #fff; } - .container_ca50b9 { + .container_debb33 { bottom: 81px !important; } } @@ -48,13 +48,13 @@ html.theme-light { } // Remove settings animation -.layer__2efaa.baseLayer__8fda3 { +.layer_f7d46a.baseLayer__2b890 { transform: scale(1) !important; opacity: 1 !important; } // Versioning -.layer__2efaa:not(.baseLayer__8fda3) .info__755e1 > span:first-child::before { +.layer_f7d46a:not(.baseLayer__2b890) .info__755e1 > span:first-child::before { display: block; content: 'SoftX v' var(--softx-version); text-transform: none; diff --git a/src/theme/app/_notices.scss b/src/theme/app/_notices.scss index 2ec560a..144b95c 100644 --- a/src/theme/app/_notices.scss +++ b/src/theme/app/_notices.scss @@ -3,7 +3,7 @@ .notice__5fd4c { border-radius: 0; } - .closeButton_ffc97a { + .closeButton__90904 { left: 0; height: 100%; } diff --git a/src/theme/app/_scrollbars.scss b/src/theme/app/_scrollbars.scss index 1782f67..c4388e3 100644 --- a/src/theme/app/_scrollbars.scss +++ b/src/theme/app/_scrollbars.scss @@ -1,11 +1,11 @@ -.members__9f47b, -.peopleList__2379e, -.sidebarRegionScroller__1fa7e, -.contentRegionScroller__86c79, -.customScroller_f72801, +.members__573eb, +.peopleList_d2f527, +.sidebarRegionScroller__8113e, +.contentRegionScroller__9ae20, +.customScroller_b96e1e, .list__41249, [class*='scrollerBase_'], -.container_d6dad3 { +.container__84c26 { overflow: hidden overlay !important; &::-webkit-scrollbar { width: 8px; diff --git a/src/theme/app/_toolbar.scss b/src/theme/app/_toolbar.scss index 95d4866..fa53c5e 100644 --- a/src/theme/app/_toolbar.scss +++ b/src/theme/app/_toolbar.scss @@ -1,7 +1,7 @@ @use '../assets'; #app-mount { - .container__11d72 { + .container__26baa { background: var(--bg-primary); height: var(--toolbar-height); padding-left: 24px; @@ -53,21 +53,21 @@ } // In voice call - &.transparent__7f3e0 { + &.transparent__8d0a5 { background: linear-gradient(hsl(0 0% 0% / 0.5), transparent); border-bottom: none; } } - .toolbar__88c63 { + .toolbar__62fb5 { margin-left: 24px; - .iconWrapper_af9215 { + .iconWrapper_de6cd1 { order: 1; margin: 0 24px 0 0; - .iconBadge_cc5031 { + .iconBadge__20a6b { border-radius: 50%; box-shadow: 0 0 calc(var(--glow-intensity) * 10px) calc(var(--glow-intensity) * 1px) hsl(var(--discord-red)); } - &.selected_be2668 { + &.selected__1fc53 { filter: drop-shadow(0 0 calc(var(--glow-intensity) * 8px) rgb(var(--accent), 0.35)) drop-shadow(0 0 calc(var(--glow-intensity) * 2px) rgb(var(--accent), 0.35)); svg path { @@ -83,13 +83,13 @@ margin-right: 24px; } } - .children__32014 { + .children_cde9af { height: 100%; - .iconWrapper_af9215 { + .iconWrapper_de6cd1 { grid-area: icon; margin-left: 0; } - .title__9e2b0 { + .title__84e16 { margin-right: 24px; } .topic__16ae3 { @@ -108,7 +108,7 @@ height: 16px; } } - .divider_c09b64 { + .divider_bdb894 { display: none; } @@ -148,7 +148,7 @@ } // Open thread sidebar - .threadSidebarOpen_fa231d .container__11d72 { + .threadSidebarOpen__62c31 .container__26baa { border-right: 1px solid var(--border); } } diff --git a/src/theme/app/_tooltips.scss b/src/theme/app/_tooltips.scss index 496e735..4e3cf77 100644 --- a/src/theme/app/_tooltips.scss +++ b/src/theme/app/_tooltips.scss @@ -1,5 +1,5 @@ #app-mount { - .tooltipPrimary_e5c00d { + .tooltipPrimary__51b23 { background: var(--bg-primary); border: 1px solid var(--border); backdrop-filter: blur(2px); diff --git a/src/theme/betterdiscord/plugins/_channeldms.scss b/src/theme/betterdiscord/plugins/_channeldms.scss index a051692..6e0df8a 100644 --- a/src/theme/betterdiscord/plugins/_channeldms.scss +++ b/src/theme/betterdiscord/plugins/_channeldms.scss @@ -5,7 +5,7 @@ #app-mount { // List - .ChannelDms-channelmembers-wrap .privateChannels__93473 { + .ChannelDms-channelmembers-wrap .privateChannels__9b518 { width: var(--members-width); background: var(--bg-primary); } @@ -39,7 +39,7 @@ border: 1px solid var(--border); border-radius: 0; width: var(--channeldms-popout-width); - .chatContent__5dca8 { + .chatContent_f087cb { margin-top: -48px; height: 609px; } diff --git a/src/theme/betterdiscord/plugins/_displayaschannels.scss b/src/theme/betterdiscord/plugins/_displayaschannels.scss index 42b93cb..1105878 100644 --- a/src/theme/betterdiscord/plugins/_displayaschannels.scss +++ b/src/theme/betterdiscord/plugins/_displayaschannels.scss @@ -2,7 +2,7 @@ .guilds__2b93a { width: calc(var(--guilds-width) * 2 + 44px) !important; } - .listItem_fa7b36 { + .listItem__48528 { margin: 0 16px var(--server-spacing); [class^='pill'] { left: -4px; @@ -21,7 +21,7 @@ } } } - .expandedFolderBackground__1bec6 { + .expandedFolderBackground_b1385f { width: calc(100% - 34px); border-radius: 4px; top: 1px; diff --git a/src/theme/betterdiscord/plugins/_membercount.scss b/src/theme/betterdiscord/plugins/_membercount.scss index 137f47f..c63f820 100644 --- a/src/theme/betterdiscord/plugins/_membercount.scss +++ b/src/theme/betterdiscord/plugins/_membercount.scss @@ -1,5 +1,5 @@ #app-mount { - .membersWrap__90226.hasCounter .members__9f47b { + .membersWrap__5ca6b.hasCounter .members__573eb { margin-top: 0; padding-top: 48px; } diff --git a/src/theme/betterdiscord/plugins/_themepluginrepo.scss b/src/theme/betterdiscord/plugins/_themepluginrepo.scss index 200a8b7..8448f77 100644 --- a/src/theme/betterdiscord/plugins/_themepluginrepo.scss +++ b/src/theme/betterdiscord/plugins/_themepluginrepo.scss @@ -1,10 +1,10 @@ #app-mount { - .contentTransitionWrap_c5bc61 { + .contentTransitionWrap__3ba4e { position: relative; } .repoList-9JnAPs { - .contentRegionScroller__86c79 { + .contentRegionScroller__9ae20 { padding-top: 96px; } } @@ -29,17 +29,17 @@ border-color: var(--border); } } - .container__7712a { + .container__33507 { background: var(--input-background); border: 2px solid transparent; border-radius: 6px; transition: var(--transition); transition-property: border-color, box-shadow; - .input__74754 { + .input__48d49 { padding: 4px 10px; height: auto; } - .iconLayout__6d744 { + .iconLayout__67261 { height: 100%; width: 32px; } diff --git a/src/theme/chat/_bars.scss b/src/theme/chat/_bars.scss index 845d4ad..c7edddb 100644 --- a/src/theme/chat/_bars.scss +++ b/src/theme/chat/_bars.scss @@ -1,6 +1,6 @@ #app-mount { // New messages - .newMessagesBar__8b6d7 { + .newMessagesBar__8b272 { top: 12px; right: 12px; left: 12px; @@ -12,11 +12,11 @@ backdrop-filter: blur(3px); border-radius: 6px; } - .barButtonBase__8fa46 { + .barButtonBase__5e4cf { height: auto; padding: 10px 16px; } - .unreadBar__6ecda { + .unreadBar__4ead4 { opacity: 1; visibility: visible; &[aria-hidden='true'] { @@ -26,7 +26,7 @@ } // Old messages - .jumpToPresentBar__0ff7f { + .jumpToPresentBar__69174 { background: rgb(var(--accent), 0.1); border: 1px solid var(--border); padding: 0; @@ -38,7 +38,7 @@ } // Join thread - .chatHeaderBar_c1df53 { + .chatHeaderBar__9e6ac { background: var(--bg-primary); border-bottom: 1px solid var(--border); } diff --git a/src/theme/chat/_call.scss b/src/theme/chat/_call.scss index d9689f1..f98cb70 100644 --- a/src/theme/chat/_call.scss +++ b/src/theme/chat/_call.scss @@ -1,8 +1,8 @@ #app-mount { - .voiceCallWrapper_a36a80 { + .voiceCallWrapper__6ca32 { padding-bottom: 0; } - .wrapper_bd2abe.minimum_ebf000 { + .wrapper__6bf2d.minimum__7f356 { height: 300px; } } diff --git a/src/theme/chat/_container.scss b/src/theme/chat/_container.scss index 6f694f5..88f5be9 100644 --- a/src/theme/chat/_container.scss +++ b/src/theme/chat/_container.scss @@ -1,30 +1,30 @@ #app-mount { .chat__52833 { background: transparent; - .chatContent__5dca8 { + .chatContent_f087cb { background: var(--bg-secondary); border-right: 1px solid var(--border); } - .scroller__1f96e { + .scroller_e412fe { mask: linear-gradient(black 98%, transparent 100%) !important; } - &.threadSidebarOpen_fa231d { + &.threadSidebarOpen__62c31 { border-radius: 0; } } - .messagesWrapper_ea2b0b { + .messagesWrapper_add28b { margin-bottom: 8px; } - .content__23cab { + .content__690c5 { z-index: 1; } - .content__1a4fe::before { + .content__01e65::before { content: none; } // Placeholder messages - .wrapper_b8c724, - .wrapper__5c5cd { + .wrapper__11501, + .wrapper__6b7d8 { background: transparent; } } diff --git a/src/theme/chat/_dividers.scss b/src/theme/chat/_dividers.scss index b1e4950..d34d4c9 100644 --- a/src/theme/chat/_dividers.scss +++ b/src/theme/chat/_dividers.scss @@ -1,5 +1,5 @@ #app-mount { - .divider__8cf56 { + .divider__01aed { border: none; margin: 0; height: auto; @@ -15,24 +15,24 @@ display: block; width: 100%; } - .content_d67847 { + .content__7191e { border-radius: 6px; margin: 0; padding: 8px 12px; } - &:not(.isUnread__6f880) { + &:not(.isUnread_de09f5) { &::before, - .content_d67847 { + .content__7191e { background: var(--border); } } - &.isUnread__6f880 { + &.isUnread_de09f5 { margin: 8px 0; &::before { order: 1; background: hsl(var(--discord-red)); } - .content_d67847 { + .content__7191e { order: 2; margin-right: 12px; background: hsl(var(--discord-red) / 0.2); @@ -40,7 +40,7 @@ } } } - .unreadPill__715fc { + .unreadPill__1b4fa { position: relative; top: 0; left: 0; diff --git a/src/theme/chat/_forums.scss b/src/theme/chat/_forums.scss index 0cd4b15..fd9bcd0 100644 --- a/src/theme/chat/_forums.scss +++ b/src/theme/chat/_forums.scss @@ -4,7 +4,7 @@ border-right: 1px solid var(--border); } - .content__23cab { + .content__690c5 { padding: 0; width: 100%; border-right: 1px solid var(--border); @@ -57,7 +57,7 @@ background: var(--fg-primary); } } - .pill_f055c3.selected_dc72d1 { + .pill_f055c3.selected__50db4 { border-color: rgb(var(--accent)); background: rgb(var(--accent), 0.1); } @@ -68,7 +68,7 @@ border-bottom: 1px solid var(--border); } } - .mainCard__8a660 { + .mainCard__0ec2c { background: transparent; border: none; border-radius: 0; @@ -79,7 +79,7 @@ background: var(--background-modifier-hover); } } - .matchingPostsRow__510be { + .matchingPostsRow__6cdb0 { border-radius: 0; background: var(--fg-primary); border-bottom: 1px solid var(--border); diff --git a/src/theme/chat/_message.scss b/src/theme/chat/_message.scss index 591aef0..c7aa915 100644 --- a/src/theme/chat/_message.scss +++ b/src/theme/chat/_message.scss @@ -1,14 +1,14 @@ body, #app-mount { - $message: '.messageContent__21e69:not(:empty):not(.repliedTextContent__75526):not(.threadMessageAccessoryContent__3d9fc)'; + $message: '.messageContent_abea64:not(:empty):not(.repliedTextContent_b12fe1):not(.threadMessageAccessoryContent__42312)'; - .message__80c10 { - .channelTextArea_af1f8b { + .message_ccca67 { + .channelTextArea__626ee { background: var(--input-background); border: 2px solid transparent; transition: var(--transition); transition-property: border-color, box-shadow; - .slateTextArea__0661c { + .slateTextArea_b19976 { padding-left: 16px; } &:hover { @@ -20,11 +20,11 @@ body, rgb(var(--accent), 0.25); } } - .operations__07224 .anchor-1MIwyf { + .operations__62559 .anchor-1MIwyf { color: rgb(var(--accent)); text-shadow: 0 0 calc(var(--input-glow-intensity) * 5px) rgb(var(--accent)); } - &.replying_d7b6ad { + &.replying__38514 { background: rgb(var(--accent), 0.03); &::before { background: rgb(var(--accent)); @@ -35,7 +35,7 @@ body, } // Message actions - .wrapper_c727b6 { + .wrapper__4e6b6 { background: rgb(255 255 255 / 0.03); border: 1px solid var(--border); backdrop-filter: blur(5px); @@ -53,7 +53,7 @@ body, height: var(--chat-avatar-size); border-radius: var(--avatar-roundness, 50%); } - .header__39b23 { + .header__6a14d { overflow: visible; margin-left: 0; margin-bottom: 10px; @@ -72,23 +72,23 @@ body, border: none; } } - .username_d30d99 { + .username__0b0e7 { text-shadow: 0 0 calc(var(--chat-glow-intensity) * 10px) currentColor; line-height: normal; } - .messageContent__21e69 { + .messageContent_abea64 { pre { max-width: 100%; } } - .container_dbadf5 { + .container__62863 { margin-top: 10px; } - &.groupStart__56db5 #{$message} { + &.groupStart__7b93c #{$message} { margin-top: -5px; } - &.mentioned__58017 { + &.mentioned_fa6fd2 { background: transparent; &::before { content: none; @@ -102,8 +102,8 @@ body, &[data-is-author-self='true'] #{$message} { background: var(--chat-bubble-bg-self); } - &.selected_fd9051:not(.replying_d7b6ad), - &:not(.replying_d7b6ad):hover { + &.selected_e3bc5d:not(.replying__38514), + &:not(.replying__38514):hover { background: transparent !important; } &.hasThread-2k82W0::after { @@ -115,14 +115,14 @@ body, } // Thread - .container__767d1 { + .container__17159 { margin-top: 0; background: rgb(255 255 255 / 0.05); margin-bottom: 12px; } // Mention - .wrapper__2d9b1 { + .wrapper_f5f4c9 { background: rgb(var(--accent), 0.1); color: rgb(var(--accent)); text-shadow: 0 0 calc(var(--glow-intensity) * 5px) currentColor; @@ -133,24 +133,24 @@ body, } // Reply - .repliedMessage_e2bf4a::before { + .repliedMessage__636d2::before { left: calc(var(--chat-avatar-size) / 2 * -1 + var(--gutter) * -1 + 5px); } // Embeds, invites, ect... - .embedFull__8dc21, - .wrapper_efe67f { + .embedFull__14919, + .wrapper__8a5dd { background: rgb(255 255 255 / 0.03); } - .wrapperAudio__555ce { + .wrapperAudio__178e9 { border: none; background: rgb(255 255 255 / 0.03); } - .textContainer__709ff { + .textContainer__65f57 { background: rgb(255 255 255 / 0.03); border: none; } - .footer__06f4b { + .footer__90194 { background: rgb(255 255 255 / 0.05); border: none; } diff --git a/src/theme/chat/_reactions.scss b/src/theme/chat/_reactions.scss index 205e615..b0f16dd 100644 --- a/src/theme/chat/_reactions.scss +++ b/src/theme/chat/_reactions.scss @@ -1,9 +1,9 @@ #app-mount { - .reaction_b90ab0 { + .reaction_ef7e09 { background: rgb(255 255 255 / 0.05); border-radius: 6px; border: none; - &.reactionMe_bf6909 { + &.reactionMe__9fc5c { background: rgb(var(--accent), 0.15); .reactionCount-1zkLcN { color: rgb(var(--accent)); diff --git a/src/theme/chat/_searchresults.scss b/src/theme/chat/_searchresults.scss index c677282..5cb53f2 100644 --- a/src/theme/chat/_searchresults.scss +++ b/src/theme/chat/_searchresults.scss @@ -1,12 +1,12 @@ #app-mount { - .searchResultsWrap__9f374 { + .searchResultsWrap__2e184 { background: var(--bg-primary); - .scroller_c8d5ad { + .scroller__5f036 { margin-top: -56px; padding-top: 64px; } } - .searchHeader__19d87 { + .searchHeader__4d70e { background: var(--bg-primary); border-bottom: 1px solid var(--border); backdrop-filter: blur(5px); @@ -14,7 +14,7 @@ .channelName-3w2Y3c { background: transparent; } - .searchResult_dcd237 { + .searchResult__00093 { background: transparent; margin-left: -16px; } diff --git a/src/theme/chat/_textbox.scss b/src/theme/chat/_textbox.scss index 5899c00..3fa4d9a 100644 --- a/src/theme/chat/_textbox.scss +++ b/src/theme/chat/_textbox.scss @@ -1,11 +1,11 @@ @use '../assets'; #app-mount { - .form__13a2c { + .form_d8a4a1 { &::before { content: none; } - .button_afdfd9 { + .button__581d0 { height: 100%; // Gif Button #icon { @@ -22,7 +22,7 @@ &:hover #icon svg { background: var(--interactive-normal); } - &:not(.attachButton_b1db83) { + &:not(.attachButton__56f98) { svg { transition: var(--transition); transition-property: filter; @@ -35,7 +35,7 @@ } } } - .emojiButton__30ec7 { + .emojiButton_b63c38 { padding: 0 4px; max-height: 54px; .sprite__294b3 { @@ -52,7 +52,7 @@ background: var(--interactive-normal); } } - .stickerButton__8af38 { + .stickerButton_c02bc0 { padding: 0; svg { width: 24px !important; @@ -70,14 +70,14 @@ } } } - .channelTextArea__2e60f { + .channelTextArea_c2094b { background: var(--input-background); border: 2px solid transparent; border-radius: 6px; transition: var(--transition); transition-property: border-color, box-shadow; - .divider_b9338f { + .divider__855e3 { border-top: 2px solid rgb(255 255 255 / 0.05); margin: 0 0 0 12px; } @@ -91,14 +91,14 @@ rgb(var(--accent), 0.25); } } - .slateTextArea__0661c, - .placeholder_e68c63 { + .slateTextArea_b19976, + .placeholder_dec8c7 { padding: 16px 0; } - .scrollableContainer__33e06 { + .scrollableContainer_ff917f { background: transparent; } - .attachButton_b1db83 { + .attachButton__56f98 { height: 100%; svg { mask: url(assets.$icon_paper-clip) center/cover; @@ -120,7 +120,7 @@ } } - .buttons_ce5b56 { + .buttons__7ecff { min-height: 54px; & > button[aria-label] { svg { @@ -144,22 +144,22 @@ } // Replying - .attachedBars_da3c74 { + .attachedBars_c1606a { background: transparent; border-radius: 6px 6px 0 0; } - .replyBar_b64d74, - .threadSuggestionBar_b633f7 { + .replyBar_ed6afc, + .threadSuggestionBar__717a3 { background: rgb(255 255 255 / 0.02); border-bottom: 2px solid var(--border); } // Follow to get... - .wrapper_fbbb73 { + .wrapper__57349 { background: var(--input-background); border-radius: 6px; padding: 24px 0; - .buttonContainer__1c00c { + .buttonContainer__1b685 { margin-right: 24px; } } @@ -177,7 +177,7 @@ $sizes: ( ); @each $selector, $value in $sizes { .font-size-#{$selector} { - .slateContainer_b692b3, + .slateContainer__1d1fd, .buttons-3JBrkn { min-height: $value + px !important; } diff --git a/src/theme/chat/_threadsidebar.scss b/src/theme/chat/_threadsidebar.scss index 9b9d879..98c8803 100644 --- a/src/theme/chat/_threadsidebar.scss +++ b/src/theme/chat/_threadsidebar.scss @@ -1,11 +1,11 @@ #app-mount { - .resizeHandle_f1a098 { + .resizeHandle_cc9d34 { background: var(--fg-primary); } - .container_def45c { + .container__694a1 { border-radius: 0; } - .chatContent__5dca8 { + .chatContent_f087cb { border-radius: 0; margin: 0; background: var(--bg-primary); diff --git a/src/theme/guilds/_badges.scss b/src/theme/guilds/_badges.scss index e5cb77e..79648f2 100644 --- a/src/theme/guilds/_badges.scss +++ b/src/theme/guilds/_badges.scss @@ -1,6 +1,6 @@ #app-mount { // Unread - .numberBadge__50328 { + .numberBadge__40d6f { box-shadow: 0 0 10px 3px hsl(359 calc(var(--saturation-factor, 1) * 82.6%) 59.4% / 0.5); } } diff --git a/src/theme/guilds/_container.scss b/src/theme/guilds/_container.scss index 227db8e..a37a111 100644 --- a/src/theme/guilds/_container.scss +++ b/src/theme/guilds/_container.scss @@ -3,7 +3,7 @@ width: var(--guilds-width); border-right: 1px solid var(--border); background: var(--bg-primary); - .scroller__3d071 { + .scroller_de945b { background: transparent; padding: 18px 0; mask: radial-gradient(circle at top, black, black 95%, transparent) !important; @@ -15,7 +15,7 @@ display: none; } } - .guildSeparator__641a8 { + .guildSeparator_b8044f { height: 1px; background: var(--border); width: var(--server-size); diff --git a/src/theme/guilds/_folder.scss b/src/theme/guilds/_folder.scss index d141e6d..aa23aab 100644 --- a/src/theme/guilds/_folder.scss +++ b/src/theme/guilds/_folder.scss @@ -1,5 +1,5 @@ #app-mount { - .wrapper_ed1dea { + .wrapper__832f2 { width: 100%; ul[role='group'] { height: auto !important; @@ -8,10 +8,10 @@ .folder__17546 { background: rgb(255 255 255 / 0.05); } - .folderIconWrapper__72239 { + .folderIconWrapper__11165 { border-radius: 0; } - .expandedFolderBackground__1bec6 { + .expandedFolderBackground_b1385f { left: 50%; transform: translateX(-50%); background: rgb(255 255 255 / 0.05); diff --git a/src/theme/guilds/_server.scss b/src/theme/guilds/_server.scss index b37f307..9cf4054 100644 --- a/src/theme/guilds/_server.scss +++ b/src/theme/guilds/_server.scss @@ -9,19 +9,19 @@ } // No icon, other buttons - .childWrapper__01b9c, - .circleIconButton_d8df29 { + .childWrapper_a6ce15, + .circleIconButton__05cf2 { background: rgb(255 255 255 / 0.1); } - .wrapper_d281dd.selected_f5ec8e, - .circleIconButton_d8df29:hover { + .wrapper__8436d.selected_ae80f7, + .circleIconButton__05cf2:hover { background: rgb(255 255 255 / 0.15); } - .circleIconButton_d8df29.selected__5250e path { + .circleIconButton__05cf2.selected_aded59 path { fill: rgb(var(--accent)); } - .wrapper__3670f { + .wrapper_b4903b { width: 100%; height: 100%; overflow: visible; diff --git a/src/theme/inputs/_button.scss b/src/theme/inputs/_button.scss index a2bad29..bf0b1e0 100644 --- a/src/theme/inputs/_button.scss +++ b/src/theme/inputs/_button.scss @@ -2,7 +2,7 @@ .sizeSmall-2cSMqn { height: 36px; } - .button__66e8c { + .button_b82d53 { &.lookFilled-1Gx00P.colorBrand-3pXr91 { background: rgb(255 255 255 / 0.1); } diff --git a/src/theme/inputs/_textbox.scss b/src/theme/inputs/_textbox.scss index 31bbe11..fe6e8b4 100644 --- a/src/theme/inputs/_textbox.scss +++ b/src/theme/inputs/_textbox.scss @@ -1,6 +1,6 @@ #app-mount { - .input_d266e7:not(.multiInput-1VARjC):not(.multiInputField-1zyopx), - .input_d266e7.multiInput-1VARjC { + .input_f27786:not(.multiInput-1VARjC):not(.multiInputField-1zyopx), + .input_f27786.multiInput-1VARjC { padding: 10px 16px; height: auto; border: 2px solid transparent; @@ -27,7 +27,7 @@ top: 14px; left: 12px; pointer-events: none; - & + .input_d266e7:not(.multiInput-1VARjC):not(.multiInputField-1zyopx) { + & + .input_f27786:not(.multiInput-1VARjC):not(.multiInputField-1zyopx) { padding-left: 38px; } } @@ -35,7 +35,7 @@ .inputWrapper-1YNMmM > svg { left: 12px; top: 12px; - & + .input_d266e7 { + & + .input_f27786 { padding-left: 48px !important; } } diff --git a/src/theme/members/_container.scss b/src/theme/members/_container.scss index af48e7f..e030494 100644 --- a/src/theme/members/_container.scss +++ b/src/theme/members/_container.scss @@ -1,13 +1,13 @@ #app-mount { - .container_b2ce9c { + .container_f79ab4 { background: transparent; } - .membersWrap__90226 { + .membersWrap__5ca6b { min-width: var(--members-width); max-width: var(--members-width); height: 100%; } - .members__9f47b { + .members__573eb { background: var(--bg-primary); width: 100%; & > div { @@ -16,7 +16,7 @@ } // Fix group md members list - .content__23cab > .membersWrap__90226 > .members__9f47b { + .content__690c5 > .membersWrap__5ca6b > .members__573eb { background: var(--bg-primary); } } diff --git a/src/theme/members/_member.scss b/src/theme/members/_member.scss index f683b4a..04ea651 100644 --- a/src/theme/members/_member.scss +++ b/src/theme/members/_member.scss @@ -4,7 +4,7 @@ margin: 0; padding: 0; background: transparent; - &.selected__9800b { + &.selected__7f4cb { .layout_bb8e67 { background: transparent; } @@ -36,7 +36,7 @@ pointer-events: none; } } - .activityText__47ec1 { + .activityText__31c22 { color: #fff; z-index: 1; } @@ -47,9 +47,9 @@ height: var(--member-height); border-radius: 0; - .name__16feb, - .content_a6999d, - .username__11d8c { + .name__7afe8, + .content_e8a0d1, + .username_ab1e31 { overflow: visible; } .avatar__6337f { diff --git a/src/theme/members/_title.scss b/src/theme/members/_title.scss index 57f982a..b193776 100644 --- a/src/theme/members/_title.scss +++ b/src/theme/members/_title.scss @@ -1,4 +1,4 @@ -#app-mount .membersGroup__85843 { +#app-mount .membersGroup_cad095 { text-shadow: 0 0 calc(var(--members-glow-intensity) * 10px) currentColor; overflow: visible; padding: 16px; diff --git a/src/theme/modals/_global.scss b/src/theme/modals/_global.scss index 27b6578..a241e44 100644 --- a/src/theme/modals/_global.scss +++ b/src/theme/modals/_global.scss @@ -1,5 +1,5 @@ #app-mount { - .backdrop__7e89b { + .backdrop__1a911 { background: var(--backdrop-background) !important; } .root_a28985:not(.carouselModal-1eUFoq) { @@ -8,7 +8,7 @@ border: 1px solid var(--border); background: var(--bg-primary); } - .footer__89240, + .footer_e0b400, .footer-31IekZ { background: transparent; border-top: 1px solid var(--border); @@ -19,7 +19,7 @@ // Parts for modals that don't need a separate file. // Pin a message, message box - .message__04d9f { + .message_ff43e6 { background: transparent; box-shadow: none; padding: 0; diff --git a/src/theme/modals/_quickswitch.scss b/src/theme/modals/_quickswitch.scss index 604ed8a..4825909 100644 --- a/src/theme/modals/_quickswitch.scss +++ b/src/theme/modals/_quickswitch.scss @@ -1,5 +1,5 @@ #app-mount { - .quickswitcher_a3d29a { + .quickswitcher_b5bb0a { background: transparent; box-shadow: none; padding: 0; @@ -8,7 +8,7 @@ height: 100% !important; } } - .input__848cd { + .input__2a648 { background: var(--input-background); border: 2px solid transparent; transition: var(--transition); @@ -24,7 +24,7 @@ rgb(var(--accent), 0.25); } } - .scroller__52ae7 { + .scroller_d4b86c { margin: 24px 0 0; box-shadow: var(--shadow-lg); border-radius: 6px; @@ -36,7 +36,7 @@ display: none; } } - .header_a2a437 { + .header__794a7 { margin: 0; padding: 10px 16px; } @@ -48,7 +48,7 @@ background: var(--background-modifier-hover); } } - .content_ad5076 { + .content_fdd09a { height: auto; padding: 0; line-height: 1; @@ -60,8 +60,8 @@ } .full-motion { - .input__848cd, - .scroller__52ae7 { + .input__2a648, + .scroller_d4b86c { animation: fadeIn 0.2s ease forwards; } } diff --git a/src/theme/modals/_uploadfile.scss b/src/theme/modals/_uploadfile.scss index 9162ecd..ed21dd7 100644 --- a/src/theme/modals/_uploadfile.scss +++ b/src/theme/modals/_uploadfile.scss @@ -1,5 +1,5 @@ #app-mount { - .uploadModal_eae2a0 { + .uploadModal__6eb75 { background: var(--bg-primary); border-radius: 6px; border: 1px solid var(--border); @@ -9,7 +9,7 @@ margin: 0; } - .channelTextArea__56a36 { + .channelTextArea__648e5 { background: var(--input-background); border: 2px solid transparent; transition: var(--transition); @@ -24,11 +24,11 @@ rgb(var(--accent), 0.25); } } - .slateTextArea__0661c { + .slateTextArea_b19976 { padding-left: 16px; } } - .image__00ac0 { + .image_c29be6 { width: 100% !important; height: auto !important; max-height: 298px; @@ -37,11 +37,11 @@ background: transparent; border-radius: 6px 6px 0 0; } - .description__4ba40 { + .description__338ad { border-top: 1px solid var(--border); padding: 24px 24px 0; } - .comment__3f7b9 { + .comment__69b32 { padding: 24px; margin: 0; } diff --git a/src/theme/os/_osx.scss b/src/theme/os/_osx.scss index e2c736a..bce1949 100644 --- a/src/theme/os/_osx.scss +++ b/src/theme/os/_osx.scss @@ -1,15 +1,15 @@ .platform-osx { // OSX buttons - .typeMacOS__496b0 { + .typeMacOS_cacc59 { width: var(--guilds-width); background: var(--bg-primary); border-right: 1px solid var(--border); } - .macButtons__7b1bc { + .macButtons__40068 { width: 100%; padding: 10px 18px; } - #app-mount .guilds__2b93a .scroller__3d071 { + #app-mount .guilds__2b93a .scroller_de945b { padding-top: 6px; } } diff --git a/src/theme/os/_windows.scss b/src/theme/os/_windows.scss index c06be09..53a13f8 100644 --- a/src/theme/os/_windows.scss +++ b/src/theme/os/_windows.scss @@ -1,4 +1,4 @@ -#app-mount .typeWindows__5fa63::before { +#app-mount .typeWindows_e41dab::before { content: ''; position: absolute; top: 0; diff --git a/src/theme/pages/_friends.scss b/src/theme/pages/_friends.scss index 7925060..a48ef6a 100644 --- a/src/theme/pages/_friends.scss +++ b/src/theme/pages/_friends.scss @@ -1,22 +1,22 @@ #app-mount { - .tabBody_b3d268::before { + .tabBody_a90ea8::before { content: none; } - .container__5c7e7 { + .container_bd15da { background: transparent; - .title__10613 { + .title__4a7a9 { margin: 0; padding: 16px; } } - .peopleColumn__51df3 { + .peopleColumn__0c784 { background: var(--bg-secondary); border-right: 1px solid var(--border); } - .peopleList__2379e { + .peopleList_d2f527 { margin: 0; } - .peopleListItem_d14722 { + .peopleListItem_dab480 { margin: 0; padding: 0 0 0 16px; border-color: var(--border); @@ -28,13 +28,13 @@ background: var(--background-modifier-hover); } } - .userInfo__18240 { + .userInfo__83819 { overflow: visible; } - .actions__93d0e { + .actions__52076 { height: 100%; } - .actionButton__23182 { + .actionButton__2b4bb { height: 100%; width: 42px; border-radius: 0; @@ -45,7 +45,7 @@ } } - .addFriendInputWrapper__4bf8e { + .addFriendInputWrapper__2b30b { background: var(--input-background); border: 2px solid transparent; &:hover { diff --git a/src/theme/pages/_nitro.scss b/src/theme/pages/_nitro.scss index e4b51fc..34b3d05 100644 --- a/src/theme/pages/_nitro.scss +++ b/src/theme/pages/_nitro.scss @@ -1,5 +1,5 @@ #app-mount { - .applicationStore_fc7d76 { + .applicationStore__444b9 { background: transparent; } .scroller__244e5 { diff --git a/src/theme/pages/_serverdiscovery.scss b/src/theme/pages/_serverdiscovery.scss index 7345033..d82ee8e 100644 --- a/src/theme/pages/_serverdiscovery.scss +++ b/src/theme/pages/_serverdiscovery.scss @@ -15,7 +15,7 @@ fill: rgb(var(--accent)); } .avatar__6337f, - .content_a6999d { + .content_e8a0d1 { filter: drop-shadow(0 0 calc(var(--glow-intensity) * 5px) rgb(var(--accent))); } &::before { @@ -33,7 +33,7 @@ .viewWrapper-2sTW6t { max-width: unset; } - .pageWrapper_fef757 { + .pageWrapper_c182d3 { background: var(--bg-secondary); .scroller-3j5xK2 { padding: 0 !important; @@ -58,7 +58,7 @@ display: none; } } - .searchBox_a63854 { + .searchBox__56feb { overflow: visible; } .searchBox-31Zv9h { @@ -68,17 +68,17 @@ padding: 0; border: none; } - .searchIcon_e60ea8 { + .searchIcon_d1a3c1 { display: none; } .search-25t1e9 { width: 600px !important; } - .clear_a52805 { + .clear__65069 { position: absolute; right: -24px; } - .searchBoxInput__73c9c { + .searchBoxInput__56498 { padding-right: 52px !important; width: 100% !important; } @@ -90,11 +90,11 @@ top: 56px; } - .guildListSection__7daf6 { + .guildListSection_e27022 { padding: 248px 24px 24px; box-sizing: border-box; } - .guildList__5e642 { + .guildList__99864 { grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); } .footer-26kPv_ { diff --git a/src/theme/pages/_sidebar.scss b/src/theme/pages/_sidebar.scss index 53c3b4b..6b829c8 100644 --- a/src/theme/pages/_sidebar.scss +++ b/src/theme/pages/_sidebar.scss @@ -1,16 +1,16 @@ #app-mount { - .nowPlayingColumn_f5023f { + .nowPlayingColumn_b025fe { background: var(--bg-primary); } - .container__0a6a9 { + .container__3673d { background: transparent; } - .scroller__00e7e { + .scroller__7c25e { padding: 0 !important; border: none; margin: 0; } - .header__123bf { + .header_c56a27 { margin: 0; padding: 16px; border-bottom: 1px solid var(--border); @@ -19,7 +19,7 @@ font-weight: normal; color: var(--text-normal); } - .itemCard__1f162 { + .itemCard_b64118 { border-radius: 0; border: none; border-bottom: 1px solid var(--border); @@ -29,15 +29,15 @@ background: var(--background-modifier-hover); } } - .body__83069 { + .body__616e6 { border-radius: 6px; border: 1px solid var(--border); background: var(--bg-primary); } - .section_efc22d { + .section__253ec { background: transparent; } - .separator_c2ecc6 { + .separator_fc3370 { background: var(--border); } } diff --git a/src/theme/popouts/_autocomplete.scss b/src/theme/popouts/_autocomplete.scss index 69a59b0..872b135 100644 --- a/src/theme/popouts/_autocomplete.scss +++ b/src/theme/popouts/_autocomplete.scss @@ -1,19 +1,19 @@ #app-mount { - .autocomplete_df266d { + .autocomplete__743a5 { background: var(--bg-primary); backdrop-filter: blur(var(--blur)); border: 1px solid var(--border); box-shadow: none; - .scroller_cc9b9a { + .scroller__3fc84 { padding-bottom: 0; } // Left side .list_c7a995 { - .listItems__699d1 { + .listItems__49027 { margin: -16px -12px -8px; } - .wrapper__19c60 { + .wrapper_af65f8 { width: 100% !important; box-sizing: border-box; border-radius: 0; @@ -26,7 +26,7 @@ &:hover { background: var(--background-modifier-hover); } - &.selected__608f1 { + &.selected__46356 { background: rgb(var(--accent), 0.1); &::before { content: ''; @@ -40,33 +40,33 @@ } } } - .section_e983c1 { + .section__4da0b { margin-bottom: 0; } } // Right side - .list__0870a .listItems__699d1 { + .list__0870a .listItems__49027 { margin: -8px; } - .wrapper__4e8f1 { + .wrapper__35c78 { border-right: 1px solid var(--border); background: transparent; } - .wrapper__4f229 { + .wrapper__85934 { background: transparent; } } - .categoryHeader_f97a5f { + .categoryHeader__70c8e { background: var(--bg-primary); backdrop-filter: blur(var(--blur)); } - .categorySection__1f2b4 { + .categorySection_ad5877 { margin: 0; } - .autocompleteRow_a20cfa { + .autocompleteRow__2a1b9 { padding: 0; - .base__76a71 { + .base__87e58 { border-radius: 0; padding: 8px 16px; &.selected-3H3-RC { diff --git a/src/theme/popouts/_emojiorigin.scss b/src/theme/popouts/_emojiorigin.scss index 33154f4..b1cbdd6 100644 --- a/src/theme/popouts/_emojiorigin.scss +++ b/src/theme/popouts/_emojiorigin.scss @@ -1,12 +1,12 @@ #app-mount { - .popoutContent__9c53d { + .popoutContent__12232 { background: var(--bg-primary); border-radius: 6px; backdrop-filter: blur(var(--blur)); border: 1px solid var(--border); box-shadow: none; } - .guildSection_ebda04 { + .guildSection__15ac6 { background: transparent; border-top: 1px solid var(--border); } diff --git a/src/theme/popouts/_emojipicker.scss b/src/theme/popouts/_emojipicker.scss index 4bfcfdc..a932924 100644 --- a/src/theme/popouts/_emojipicker.scss +++ b/src/theme/popouts/_emojipicker.scss @@ -1,7 +1,7 @@ @use '../assets'; #app-mount { - .contentWrapper__321ed { + .contentWrapper_e0bb2c { background: var(--bg-primary); border-radius: 6px; border: 1px solid var(--border); @@ -10,20 +10,20 @@ padding: 0; display: flex; flex-direction: column; - .header__55964, - .header_f71767, + .header_e5d8b2, + .header__643ce, .header-JHwfVI, - .header_f7f1f3 { + .header_aac16f { padding: 16px; margin-left: 128px; border-left: 1px solid var(--border); box-shadow: none; } } - .contentWrapper__321ed, - .emojiPicker_b65ce9 { + .contentWrapper_e0bb2c, + .emojiPicker__5e2e2 { [class^='searchBar'], - .container_e4c233 { + .container_ec5ce2 { background: var(--input-background); border: 2px solid transparent; border-radius: 6px; @@ -51,9 +51,9 @@ } } } - .wrapper__66cd5:not(.emojiPickerInExpressionPicker-2nOwH8) { + .wrapper__0757b:not(.emojiPickerInExpressionPicker-2nOwH8) { height: 100%; - .emojiPicker_b65ce9 { + .emojiPicker__5e2e2 { background: var(--bg-primary); border: 1px solid var(--border); border-radius: 6px; @@ -61,7 +61,7 @@ } } - .nav__2bf35 { + .nav_b56420 { position: absolute; padding: 0; height: 64px; @@ -70,11 +70,11 @@ .emojiPickerInExpressionPicker-2nOwH8 { height: 100%; } - .navList__9f792 { + .navList__5c9f4 { height: 100%; width: 128px; } - .navItem_df0bc1 { + .navItem__38e35 { height: 100%; width: 33.33%; margin: 0; @@ -83,13 +83,13 @@ transition: none; &:hover { background: var(--background-modifier-hover); - .contents_fb6220::before { + .contents__322f4::before { background: var(--interactive-hover); } } - &.navButtonActive__735cb { + &.navButtonActive__0c878 { background: rgb(var(--accent), 0.1); - .contents_fb6220 { + .contents__322f4 { filter: drop-shadow(0 0 calc(var(--channel-glow-intensity) * 5px) rgb(var(--accent))); &::before { background: rgb(var(--accent)); @@ -106,7 +106,7 @@ box-shadow: 0 0 calc(var(--glow-intensity) * 15px) calc(var(--glow-intensity) * 5px) rgb(var(--accent), 0.2); } } - .contents_fb6220 { + .contents__322f4 { font-size: 0; display: flex; align-tracks: center; @@ -118,30 +118,30 @@ background: var(--interactive-normal); } } - &#gif-picker-tab .contents_fb6220::before { + &#gif-picker-tab .contents__322f4::before { mask: url(assets.$icon_photograph); } - &#sticker-picker-tab .contents_fb6220::before { + &#sticker-picker-tab .contents__322f4::before { mask: url(assets.$icon_sparkles); } - &#emoji-picker-tab .contents_fb6220::before { + &#emoji-picker-tab .contents__322f4::before { mask: url(assets.$icon_emoji-happy); } } - .wrapper__4f229 { + .wrapper__85934 { top: 64px; border-top: 1px solid var(--border); border-right: 1px solid var(--border); background: transparent; - .listItems__699d1 { + .listItems__49027 { margin: -8px; } - .scroller_e89578::-webkit-scrollbar { + .scroller_ac6d1c::-webkit-scrollbar { display: none; } } - .categoryItemDefaultCategory__67fe7 { + .categoryItemDefaultCategory__6c3db { width: 100%; height: 48px; padding: 0; @@ -151,9 +151,9 @@ display: flex; align-items: center; justify-content: center; - &.categoryItemDefaultCategorySelected__8245a { + &.categoryItemDefaultCategorySelected__7d6e0 { background: rgb(var(--accent), 0.1); - .categoryIcon__7d3fc { + .categoryIcon_d0a396 { color: rgb(var(--accent)); filter: drop-shadow(0 0 calc(var(--channel-glow-intensity) * 5px) rgb(var(--accent), 0.4)); } @@ -169,8 +169,8 @@ } } } - .categoryItemGuildCategory__2a2ce, - .stickerCategory__4891e { + .categoryItemGuildCategory_a121c6, + .stickerCategory__12120 { width: 100%; height: 48px; margin: 0; @@ -182,18 +182,18 @@ mask: none; } img, - .guildIcon__4d796 { + .guildIcon_ed1ab4 { border-radius: 6px; background: rgb(255 255 255 / 0.05); } &:hover { background: var(--background-modifier-hover); - .guildIcon__4d796 { + .guildIcon_ed1ab4 { background: rgb(255 255 255 / 0.1); } } } - .unicodeShortcut__1dd6b { + .unicodeShortcut__01a83 { background: var(--bg-primary); backdrop-filter: blur(var(--blur)); border-top: 1px solid var(--border); @@ -202,36 +202,36 @@ .content-1CboaJ { border-top: 1px solid var(--border); } - .bodyWrapper_cc3635, - .wrapper_e3070a { + .bodyWrapper__5f209, + .wrapper__13e5b { border-top: 1px solid var(--border); - .scroller_e89578 { + .scroller_ac6d1c { left: -7px; width: calc(100% + 8px); } } - .wrapper__7a35f { + .wrapper__91b2c { background: var(--bg-primary); border-bottom: 1px solid var(--border); backdrop-filter: blur(var(--blur)); } - .emojiItem_b15dee.emojiItemSelected__1a09a { + .emojiItem_de65fd.emojiItemSelected__023be { background: rgb(255 255 255 / 0.1); } - .inspector__993e1 { + .inspector__80c84 { border-top: 1px solid var(--border); background: transparent; } - .emojiListRow__3f54c { + .emojiListRow__6d732 { padding: 0 8px; } - .wrapper__89eb8 { + .wrapper_c76288 { flex: 1 1 auto; } - #gif-picker-tab-panel .content__30de8 { + #gif-picker-tab-panel .content__2faa3 { border-top: 1px solid var(--border); } } diff --git a/src/theme/popouts/_inbox.scss b/src/theme/popouts/_inbox.scss index 1f554b4..86163c1 100644 --- a/src/theme/popouts/_inbox.scss +++ b/src/theme/popouts/_inbox.scss @@ -1,23 +1,23 @@ #app-mount { - .messagesPopoutWrap_b3b384, - .recentMentionsPopout__826a9 { + .messagesPopoutWrap__10dd1, + .recentMentionsPopout__40c54 { background: var(--bg-primary); box-shadow: none; border: 1px solid var(--border); backdrop-filter: blur(var(--blur)); } - .recentMentionsPopout__826a9 .scroller__1c703 { + .recentMentionsPopout__40c54 .scroller_e3927b { padding: 0 !important; & > div { border-bottom: 1px solid var(--border); padding: 16px; } } - .header__28ebb { + .header__58a85 { background: transparent; border-bottom: 1px solid var(--border); padding: 0; - .button_ddf91e { + .button__292b6 { height: 55px; margin: 0; border-radius: 0; @@ -52,21 +52,21 @@ } } - .container__56e52 { + .container__7c2c1 { border-bottom: 1px solid var(--border); margin-bottom: 0; padding: 16px !important; } - .channelHeader__5d30c { + .channelHeader_ea0f89 { background: transparent; position: static; padding: 0 0 16px 14px; } - .messages_f7999e { + .messages__1aaa1 { background: transparent; padding: 0; } - .messageContainer_aa7d14 { + .messageContainer_cb3d47 { padding: 0; border-radius: 0; background: transparent; diff --git a/src/theme/popouts/_menu.scss b/src/theme/popouts/_menu.scss index 7f4ee93..7ce6e09 100644 --- a/src/theme/popouts/_menu.scss +++ b/src/theme/popouts/_menu.scss @@ -1,4 +1,4 @@ -#app-mount .menu_dc52c6:not(#account.menu_dc52c6) { +#app-mount .menu__088f7:not(#account.menu__088f7) { background: var(--bg-primary); border: 1px solid var(--border); box-shadow: none; @@ -14,7 +14,7 @@ backdrop-filter: blur(5px); z-index: -1; } - .scroller__750f5 { + .scroller__8f066 { padding: 0; } @@ -27,7 +27,7 @@ } } - .separator__18122 { + .separator__174fc { margin: 0; border-color: var(--border); } @@ -36,15 +36,15 @@ margin: 0; border-radius: 0; padding: 10px 14px; - &.focused__27621 { + &.focused_dcafb9 { background: var(--background-modifier-hover); } - &.colorDanger_eec36d.focused__27621 { + &.colorDanger__08c25.focused_dcafb9 { background: hsl(var(--discord-red)); } } - .submenuPaddingContainer__12a9d { + .submenuPaddingContainer__5a97c { margin: 0 -4px; } diff --git a/src/theme/popouts/_pinnedmessages.scss b/src/theme/popouts/_pinnedmessages.scss index 3d85299..f72ca18 100644 --- a/src/theme/popouts/_pinnedmessages.scss +++ b/src/theme/popouts/_pinnedmessages.scss @@ -1,22 +1,22 @@ #app-mount { - .messagesPopoutWrap_b3b384 { + .messagesPopoutWrap__10dd1 { width: 550px; } - .header_f5cc88 { + .header__21b33 { background: transparent; border-bottom: 1px solid var(--border); box-shadow: none; } - .messagesPopout-24nkyi:not(.scroller__90038) { + .messagesPopout-24nkyi:not(.scroller__64264) { padding: 12px !important; } - .messageGroupWrapper_f8c6e9 { + .messageGroupWrapper__1fce2 { border-radius: 0; border: none; background: transparent; margin-bottom: 32px; } - .messageGroupCozy__2dedd { + .messageGroupCozy__9d016 { padding-top: 0; padding-right: 0; padding-bottom: 0; diff --git a/src/theme/popouts/_search.scss b/src/theme/popouts/_search.scss index 3cace04..fda4c86 100644 --- a/src/theme/popouts/_search.scss +++ b/src/theme/popouts/_search.scss @@ -5,19 +5,19 @@ .search_ac353c { order: -1; - .searchBar_e0c60b { + .searchBar__5a20a { width: 250px; transition: none; } - &:not(.focused_ddee54) * { + &:not(.focused__037a4) * { cursor: pointer; } - &.open_d3ab4e .searchBar_e0c60b { + &.open_d3ab4e .searchBar__5a20a { border-color: rgb(var(--accent)); box-shadow: 0 0 calc(var(--glow-intensity) * 20px) calc(var(--glow-intensity) * 5px) rgb(var(--accent), 0.25); } - &.focused_ddee54 { + &.focused__037a4 { position: fixed; left: 50%; top: 20%; @@ -27,7 +27,7 @@ align-items: center; justify-content: center; border-radius: 12px; - .searchBar_e0c60b { + .searchBar__5a20a { background: var(--input-background); height: 64px; width: 500px; @@ -45,11 +45,11 @@ .public-DraftEditorPlaceholder-root { font-size: 24px; } - .icon__46425 { + .icon__53a5c { width: 56px; } - .iconContainer__8fa9c, - .icon_f50f05 { + .iconContainer__9f124, + .icon__5c8c7 { width: 24px; height: 24px; } @@ -69,11 +69,11 @@ } .search__07df0 { margin: 0 24px 0 0; - .icon__46425 { + .icon__53a5c { height: 100%; } } - .searchBar_e0c60b { + .searchBar__5a20a { background: rgb(255 255 255 / 0.05); border: 2px solid transparent; padding: 0; @@ -106,7 +106,7 @@ } // Suggestions - .container_d6dad3 { + .container__84c26 { position: fixed; left: 50%; top: calc(20% + 76px); @@ -120,20 +120,20 @@ max-height: 60vh; overflow: hidden auto; } - .queryContainer_c359fe { + .queryContainer_c1cb2f { background: transparent; } - .resultsGroup_ea9b64 { + .resultsGroup_b221b0 { margin: 0; padding: 0; &::before { content: none; } } - .header_b24bd1 { + .header__00739 { padding: 14px 12px; } - .option_b5597b { + .option__91497 { margin: 0; border-radius: 0; padding: 4px 12px; @@ -149,15 +149,15 @@ background: rgb(255 255 255 / 0.05); } } - .plusIcon__36244 { + .plusIcon__3ff01 { top: 12px; } } // Animations .full-motion { - .search-1FM8Qc.focused_ddee54::before, - .container_d6dad3 { + .search-1FM8Qc.focused__037a4::before, + .container__84c26 { animation: fadeIn 0.2s ease forwards; } } @@ -165,24 +165,24 @@ // Responsive stuff @media only screen and (max-width: 1500px) { #app-mount { - .search-1FM8Qc:not(.focused_ddee54) { + .search-1FM8Qc:not(.focused__037a4) { height: 24px; - .searchBar_e0c60b { + .searchBar__5a20a { background: transparent; border: none; width: 24px; height: 24px; } - .iconContainer__8fa9c { + .iconContainer__9f124 { width: 18px; height: 18px; } - .icon_f50f05 { + .icon__5c8c7 { color: var(--interactive-normal); width: 20px; height: 20px; } - .search__07df0 .icon__46425 svg { + .search__07df0 .icon__53a5c svg { width: 100%; height: 100%; } @@ -190,14 +190,14 @@ } } @media only screen and (max-width: 1300px) { - #app-mount .search_ac353c .searchBar_e0c60b { + #app-mount .search_ac353c .searchBar__5a20a { width: 28px; background: transparent; - .iconContainer__8fa9c { + .iconContainer__9f124 { width: 22px; height: 22px; } - .icon_f50f05 { + .icon__5c8c7 { color: var(--interactive-normal); } &:hover { diff --git a/src/theme/popouts/_statuspicker.scss b/src/theme/popouts/_statuspicker.scss index 4002c2c..14844c6 100644 --- a/src/theme/popouts/_statuspicker.scss +++ b/src/theme/popouts/_statuspicker.scss @@ -1,5 +1,5 @@ #app-mount { - .accountProfilePopoutWrapper_af829a { + .accountProfilePopoutWrapper_d4887f { left: 0; &::before { content: ''; @@ -8,17 +8,17 @@ inset: 0; backdrop-filter: blur(var(--blur)); } - .userPopoutOuter_d739b2 { + .userPopoutOuter__3884e { background: var(--bg-primary); backdrop-filter: none; } - .menu_dc52c6 { + .menu__088f7 { max-width: unset; } } - .statusItem__72404 { + .statusItem__24445 { padding: 0; - .description_ea6680 { + .description_d1e167 { display: none; } } diff --git a/src/theme/popouts/_threads.scss b/src/theme/popouts/_threads.scss index 146000c..74baf8c 100644 --- a/src/theme/popouts/_threads.scss +++ b/src/theme/popouts/_threads.scss @@ -1,4 +1,4 @@ -#app-mount .container__8261a { +#app-mount .container_f93da8 { background: var(--bg-primary); border-radius: 6px; backdrop-filter: blur(var(--blur)); @@ -6,7 +6,7 @@ animation: fadeIn 0.2s ease forwards; box-shadow: none; - .header__53b07 { + .header__6d44a { background: transparent; border-bottom: 1px solid var(--border); } diff --git a/src/theme/profile/_modal.scss b/src/theme/profile/_modal.scss index d583bce..419bb00 100644 --- a/src/theme/profile/_modal.scss +++ b/src/theme/profile/_modal.scss @@ -5,29 +5,29 @@ background: var(--fg-primary) !important; } -.userProfileModalOuter__3fe6b { +.userProfileModalOuter_a65559 { border-radius: 0; background: transparent; } -.userProfileInner__8065b { +.userProfileInner__61cc1 { border-radius: 0; } -.roundedBanner__9fa0a { +.roundedBanner__16aa6 { border-radius: 0; } -.userProfileInnerThemedNonPremium__3d0a6 { +.userProfileInnerThemedNonPremium_ed9022 { background: transparent; - .overlayBackground__86b78 { + .overlayBackground__2666e { background: transparent; } } -.userProfileOuterThemed__6eb84.userPopoutOuter_d739b2, -.userProfileOuterThemed__6eb84.userProfileOuter__46bb7 { +.userProfileOuterThemed__1fbd7.userPopoutOuter__3884e, +.userProfileOuterThemed__1fbd7.userProfileOuter__4ac83 { padding: 0; } -.userProfileOuterThemed__6eb84 .userProfileModalInner__7c87d { +.userProfileOuterThemed__1fbd7 .userProfileModalInner__99b1e { background: transparent; &::before { background: linear-gradient( @@ -40,17 +40,17 @@ height: 100%; } } -.userProfileModalOverlayBackground__52d65 { +.userProfileModalOverlayBackground__7ec35 { background: transparent; margin: 0; padding: 16px; } -// .userProfileModalInner__7c87d { +// .userProfileModalInner__99b1e { // background: transparent; // } -// .userProfileModalOverlayBackground__52d65 { +// .userProfileModalOverlayBackground__7ec35 { // background: transparent; // margin: 0; // padding: 0; diff --git a/src/theme/profile/_popout.scss b/src/theme/profile/_popout.scss index 623ccff..1078fbb 100644 --- a/src/theme/profile/_popout.scss +++ b/src/theme/profile/_popout.scss @@ -1,5 +1,5 @@ #app-mount { - .userPopoutOuter_d739b2 { + .userPopoutOuter__3884e { border-radius: 0; border: 1px solid var(--border); backdrop-filter: blur(var(--blur)); @@ -10,15 +10,15 @@ .banner-2boKnS { border-radius: 0; } - .avatarPositionPremiumNoBanner__8bf3b { + .avatarPositionPremiumNoBanner__8beba { top: 42px; left: 18px; } - .avatarPositionPremiumBanner__1e83d { + .avatarPositionPremiumBanner_f3acc4 { top: 72px; left: 18px; } - .scroller__83262 { + .scroller_f9a667 { padding: 0 16px !important; } .input-2g-os5 { @@ -32,7 +32,7 @@ flex-wrap: wrap; gap: 8px; } - .role__631a3 { + .role_d81130 { margin: 0; border: none; height: auto; @@ -42,20 +42,20 @@ position: relative; overflow: hidden; } - .roleRemoveButton__737f2 { + .roleRemoveButton__20c70 { position: absolute; inset: 0; &[aria-hidden='false']:hover { - .roleCircle_bae511 { + .roleCircle__61ad8 { opacity: 1; } - & ~ .roleName_d19d33 { + & ~ .roleName__851c9 { opacity: 0; pointer-events: none; } } } - .roleCircle_bae511 { + .roleCircle__61ad8 { margin: 0; position: absolute; top: 0; @@ -67,16 +67,16 @@ filter: none; opacity: 0.35; } - .roleName_d19d33 { + .roleName__851c9 { margin: 0; color: #fff; - .roleNameOverflow_c35412 { + .roleNameOverflow__27401 { color: inherit; } } &[style*='--profile-gradient-primary-color'] { - .userProfileInner__8065b::before { + .userProfileInner__61cc1::before { content: ''; width: 100%; height: 100%; @@ -89,7 +89,7 @@ pointer-events: none; z-index: -1; } - .input_d266e7:focus-within { + .input_f27786:focus-within { border-color: var(--profile-gradient-primary-color, rgb(var(--accent))) !important; box-shadow: 0 0 calc(var(--input-glow-intensity) * 12px) calc(var(--input-glow-intensity) * 2px) var(--profile-gradient-primary-color, rgb(var(--accent), 0.25)) !important; @@ -106,26 +106,26 @@ --input-background: hsl(0 0% 7% / 0.7) !important; } } - .userPopoutInner_f545a3 { + .userPopoutInner_e90432 { border-radius: 0; background: transparent; &::before { content: none; } - &.userProfileInnerThemedNonPremium__3d0a6 { + &.userProfileInnerThemedNonPremium_ed9022 { background: var(--fg-primary); } } - .userPopoutOverlayBackground_d8afa4 { + .userPopoutOverlayBackground_bf6444 { margin: 0; padding-top: 16px; background: transparent; } - .messageInputContainer__768e6 { + .messageInputContainer_a93946 { border: none; border-radius: 0; } - .input_d266e7 { + .input_f27786 { background: var(--fg-secondary) !important; padding: 8px 10px !important; &::placeholder { diff --git a/src/theme/settings/_container.scss b/src/theme/settings/_container.scss index 0fb3320..a25bd67 100644 --- a/src/theme/settings/_container.scss +++ b/src/theme/settings/_container.scss @@ -1,4 +1,4 @@ -#app-mount .layer__2efaa:not(.baseLayer__8fda3) { +#app-mount .layer_f7d46a:not(.baseLayer__2b890) { background: var(--bg-primary); backdrop-filter: blur(var(--backdrop-blur)); top: 0; @@ -12,7 +12,7 @@ justify-content: center; z-index: 1; - .standardSidebarView__1129a { + .standardSidebarView__12528 { max-width: var(--settings-max-width); max-height: var(--settings-max-height); width: 90vw; @@ -22,14 +22,14 @@ border: 1px solid var(--border); border-radius: 6px; } - .contentRegion__0bec1 { + .contentRegion__08eba { flex: 1 1 auto; position: unset; height: 100%; // width: calc(90vw - 300px); } - .toolsContainer_f5d55d { + .toolsContainer__4e6ad { padding-top: 0; top: 0; left: 0; @@ -40,14 +40,14 @@ opacity: 0; } .tools_c0ff70, - .container_bb0c52 { + .container__3529f { width: 100%; height: 100%; } - .keybind__57645 { + .keybind_a619c1 { display: none; } - .closeButton__34341 { + .closeButton__8177f { background: transparent; border: none; border-radius: 0; diff --git a/src/theme/settings/_content.scss b/src/theme/settings/_content.scss index 047b760..88df063 100644 --- a/src/theme/settings/_content.scss +++ b/src/theme/settings/_content.scss @@ -1,25 +1,25 @@ #app-mount { - .standardSidebarView__1129a .content-2a4AW9 { + .standardSidebarView__12528 .content-2a4AW9 { min-width: 100%; margin: 0; & > div[style='height: 60px;'] { display: none; } } - .contentRegion__0bec1 { + .contentRegion__08eba { background: transparent; - & > .customColumn_e22a6e { + & > .customColumn__0b6a6 { padding-right: 0; } } - .contentRegionScroller__86c79 { + .contentRegionScroller__9ae20 { background: transparent; width: calc(90vw - 302px); max-height: var(--settings-max-height); max-width: var(--settings-content-width); height: 90vh; } - .contentColumnDefault_c66386 { + .contentColumnDefault__78de3 { max-width: unset; width: 100%; padding: 32px; @@ -27,23 +27,23 @@ } // Custom scroller bullshit. Why Discord. WHY? - .customColumn_e22a6e, - .contentColumn_dc7d36 { + .customColumn__0b6a6, + .contentColumn__5f80b { width: calc(90vh - 300px); max-width: var(--settings-content-width); padding-right: 32px; } - .contentColumn_dc7d36 > .customColumn_e22a6e { + .contentColumn__5f80b > .customColumn__0b6a6 { padding-right: 0; } - .customScroller_f72801 > div { + .customScroller_b96e1e > div { max-width: var(--settings-content-width); padding: 32px; } - .customContainer__93c7c { + .customContainer__64260 { position: static; } - .customScroller_f72801 { + .customScroller_b96e1e { width: 100%; max-height: var(--settings-max-height); max-width: var(--settings-content-width); diff --git a/src/theme/settings/_global.scss b/src/theme/settings/_global.scss index 441d24a..f6f244c 100644 --- a/src/theme/settings/_global.scss +++ b/src/theme/settings/_global.scss @@ -1,5 +1,5 @@ #app-mount .layer-3QrUeG[aria-label*='SETTINGS'] { - .divider__09722 { + .divider__93faf { border-color: var(--border); } } diff --git a/src/theme/settings/_serversettings.scss b/src/theme/settings/_serversettings.scss index 6874ee3..ac4e82d 100644 --- a/src/theme/settings/_serversettings.scss +++ b/src/theme/settings/_serversettings.scss @@ -1,6 +1,6 @@ -#app-mount .layer__2efaa [aria-label='GUILD_SETTINGS'] { +#app-mount .layer_f7d46a [aria-label='GUILD_SETTINGS'] { // Roles - .page__9db5c { + .page_c3ed26 { position: relative; width: 100%; max-width: var(--settings-content-width); @@ -8,10 +8,10 @@ max-height: var(--settings-max-height); } - .sidebar_bdf6b7 { + .sidebar__37984 { height: var(--settings-max-height); } - .titleContainer_e558ff { + .titleContainer_d09261 { padding: 24px; margin: 0; border-bottom: 1px solid var(--border); @@ -46,21 +46,21 @@ } } - .scroller__79060 { + .scroller_bcb155 { scroll-padding-top: 132px !important; } - .contentWidth_b55791 { + .contentWidth_f1e6d4 { width: 100%; max-width: unset; padding: 24px 24px 0; } - .headerContainer__947de { + .headerContainer__282e2 { right: 0; - .header__63c59 { + .header_ee0bd9 { margin-bottom: 0; } } - .header__63c59 { + .header_ee0bd9 { margin: -24px -24px 24px; padding: 24px 24px 0; background: var(--bg-primary); @@ -71,7 +71,7 @@ border: none; margin: 0; } - .tabBarItem__0ff10 { + .tabBarItem_c97278 { border: none; overflow: visible; position: relative; @@ -92,11 +92,11 @@ } } } - .searchContainer__519fb, - .searchContainer__432a8 { + .searchContainer_eee0ea, + .searchContainer__58a66 { margin: 24px 0; } - .container__7712a { + .container__33507 { background: var(--input-background); border-radius: 6px; border: 2px solid transparent; @@ -111,13 +111,13 @@ rgb(var(--accent), 0.25); } } - .container_f7092d .list__8e7c9 { + .container_bc77c3 .list__8e7c9 { scroll-padding-top: 193px !important; } .content-2a4AW9 > div[style='height: 201px;'] { height: 193px !important; } - .previewContainer_d2b616 .theme-light { + .previewContainer__30793 .theme-light { display: none; } } diff --git a/src/theme/settings/_sidebar.scss b/src/theme/settings/_sidebar.scss index 7f177ca..2f1bc3d 100644 --- a/src/theme/settings/_sidebar.scss +++ b/src/theme/settings/_sidebar.scss @@ -1,22 +1,22 @@ -#app-mount .sidebarRegion__60457 { +#app-mount .sidebarRegion__36437 { flex: 0 0 auto; - .sidebarRegionScroller__1fa7e { + .sidebarRegionScroller__8113e { background: transparent; flex: 1; width: 100%; } - .sidebar__9e3e2 { + .sidebar__02e8d { padding: 0; overflow: hidden; border-radius: 6px 0 0 6px; width: 300px; border-right: 1px solid var(--border); } - .header_f72511 { + .header__71a82 { padding: 10px 18px; color: var(--text-muted); } - .separator_fdbcfd { + .separator_d14fb1 { height: 0; background: transparent; margin-bottom: 18px; @@ -25,7 +25,7 @@ padding: 10px 18px; margin: 0; border-radius: 0; - &.selected__5711d { + &.selected_a523ff { background: rgb(var(--accent), 0.1) !important; position: relative; color: rgb(var(--accent)) !important; diff --git a/src/theme/settings/_usersettings.scss b/src/theme/settings/_usersettings.scss index 72d51eb..6213a15 100644 --- a/src/theme/settings/_usersettings.scss +++ b/src/theme/settings/_usersettings.scss @@ -1,18 +1,18 @@ -#app-mount .layer__2efaa [aria-label='USER_SETTINGS'] { +#app-mount .layer_f7d46a [aria-label='USER_SETTINGS'] { // My account - .accountProfileCard__22589 { + .accountProfileCard__744d8 { border: 1px solid var(--border); background: rgb(255 255 255 / 0.02); border-radius: 6px; } - .background_b61fcc { + .background__4e802 { margin: 16px 0 0 0; padding: 16px; border-radius: 0; border-top: 1px solid var(--border); background: transparent; } - .fieldList_aab0de { + .fieldList__4e6dd { background: transparent; } } diff --git a/src/theme/sidebar/_bars.scss b/src/theme/sidebar/_bars.scss index ee80829..8645769 100644 --- a/src/theme/sidebar/_bars.scss +++ b/src/theme/sidebar/_bars.scss @@ -1,4 +1,4 @@ -#app-mount .sidebar_ded4b5 { +#app-mount .sidebar_e031be { .unread__11823 { overflow: visible; } diff --git a/src/theme/sidebar/_boostprogress.scss b/src/theme/sidebar/_boostprogress.scss index defa3f3..bfa69d1 100644 --- a/src/theme/sidebar/_boostprogress.scss +++ b/src/theme/sidebar/_boostprogress.scss @@ -1,16 +1,16 @@ #app-mount { - .container__4f639 { + .container_bc43c1 { margin: 0; padding: 12px 0; - .textArea_f2029c { + .textArea__81b51 { margin-bottom: 12px; padding: 0 12px; } - .divider__40683 { + .divider__0c76f { border-color: var(--border); } } - .progressBarContainer__9b571 { + .progressBarContainer_e11b41 { background: rgb(255 255 255 / 0.05); margin: 0 12px 12px; width: calc(100% - 24px); diff --git a/src/theme/sidebar/_category.scss b/src/theme/sidebar/_category.scss index 8d916d5..20915df 100644 --- a/src/theme/sidebar/_category.scss +++ b/src/theme/sidebar/_category.scss @@ -1,8 +1,8 @@ #app-mount { - .containerDefault__23a29 { + .containerDefault_e3b32b { padding-top: 18px; } - .wrapper__9c483 { + .wrapper__07e2f { padding: 0 18px 0 42px; height: 32px; .arrow_cb03b8 { diff --git a/src/theme/sidebar/_channel.scss b/src/theme/sidebar/_channel.scss index 32849a4..00e837e 100644 --- a/src/theme/sidebar/_channel.scss +++ b/src/theme/sidebar/_channel.scss @@ -1,11 +1,11 @@ @use '../assets'; #app-mount { - .wrapper__7bcde { + .wrapper__612a5 { padding: 0; margin: 0; - &.modeUnreadImportant_efb53e { + &.modeUnreadImportant__35358 { .unread__48cf4 { box-shadow: 0 0 calc(var(--channel-glow-intensity) * 10px) calc(var(--channel-glow-intensity) * 2px) rgb(var(--unread-colour) / 0.3); @@ -17,16 +17,16 @@ border-radius: 0; left: 0; } - .icon_eff5d4, - .name__8d1ec { + .icon__67ab4, + .name__4eb92 { color: #fff; filter: drop-shadow(0 0 calc(var(--channel-glow-intensity) * 5px) rgb(var(--unread-colour) / 0.3)) drop-shadow(0 0 calc(var(--channel-glow-intensity) * 2px) rgb(var(--unread-colour) / 0.2)); } } - &.modeSelected__487d6 { - .link__95dc0 { + &.modeSelected__473f1 { + .link_ddbb36 { background: rgb(var(--accent), 0.1); &::before { content: ''; @@ -39,8 +39,8 @@ box-shadow: 0 0 calc(var(--channel-glow-intensity) * 15px) calc(var(--channel-glow-intensity) * 5px) rgb(var(--accent), 0.2); } - .icon_eff5d4, - .name__8d1ec { + .icon__67ab4, + .name__4eb92 { color: rgb(var(--accent)); filter: drop-shadow(0 0 calc(var(--channel-glow-intensity) * 5px) rgb(var(--accent))); } @@ -48,14 +48,14 @@ } } - .link__95dc0 { + .link_ddbb36 { padding: 10px 16px; margin: 0; border-radius: 0; } - .wrapper__7bcde.typeThread__2f91c { - .link__95dc0 { + .wrapper__612a5.typeThread__5fb37 { + .link_ddbb36 { position: relative; padding-left: 62px; &::after { @@ -68,17 +68,17 @@ background: var(--channels-default); } } - &.modeSelected__487d6 { - .link__95dc0::after { + &.modeSelected__473f1 { + .link_ddbb36::after { background: rgb(var(--accent)); } } } // Threads - .container_f87d43 > ul[role='group'] { + .container__342a0 > ul[role='group'] { .spine__88e6d, - .spineBorder_bdec8b { + .spineBorder__52981 { display: none; } } diff --git a/src/theme/sidebar/_container.scss b/src/theme/sidebar/_container.scss index 79c00c8..5c9d927 100644 --- a/src/theme/sidebar/_container.scss +++ b/src/theme/sidebar/_container.scss @@ -1,5 +1,5 @@ #app-mount { - .sidebar_ded4b5 { + .sidebar_e031be { border-radius: 0; background: var(--bg-primary); width: var(--channels-width); @@ -12,13 +12,13 @@ .scrolling-20Of9p .content-2a4AW9 { pointer-events: all !important; } - .container__590e2 { + .container__7e23c { background: transparent; } .content-2a4AW9 > div[style='height: 16px;'] { display: none; } - .sectionDivider__68d2a { + .sectionDivider__9dbcb { margin: 0; background: var(--border); margin-top: 12px; diff --git a/src/theme/sidebar/_dms.scss b/src/theme/sidebar/_dms.scss index 4dc7670..8ae8b96 100644 --- a/src/theme/sidebar/_dms.scss +++ b/src/theme/sidebar/_dms.scss @@ -1,13 +1,13 @@ #app-mount { - .privateChannels__93473, - .scroller__4b984 { + .privateChannels__9b518, + .scroller__89969 { background: transparent; div[style='height: 8px;'] { display: none; } } - .searchBar_e4ea2a { + .searchBar__621ec { height: var(--toolbar-height); box-shadow: none; border-bottom: 1px solid var(--border); @@ -15,13 +15,13 @@ margin-top: -1px; } - .privateChannelsHeaderContainer_ddcec6 { + .privateChannelsHeaderContainer_b22dc9 { padding: 18px; height: auto; align-items: center; line-height: normal; } - .channel_c21703 { + .channel__0aef5 { max-width: unset; margin: 0; padding: 0; @@ -31,14 +31,14 @@ height: var(--dm-height); border-radius: 0; } - .content_f767b8 { + .content_b5e449 { overflow: visible; } - .name__02dbd { + .name_f842e4 { overflow: visible; } - .selected_d94cf9 { + .selected__37292 { color: rgb(var(--accent)); background: rgb(var(--accent), 0.2); &::before { @@ -50,10 +50,10 @@ background: rgb(var(--accent)); box-shadow: 0 0 calc(var(--glow-intensity) * 15px) calc(var(--glow-intensity) * 5px) rgb(var(--accent), 0.2); } - .name__02dbd { + .name_f842e4 { filter: drop-shadow(0 0 calc(var(--glow-intensity) * 5px) rgb(var(--accent))); } - .subText_ed6eed { + .subText__0b282 { color: #fff; } } diff --git a/src/theme/sidebar/_header.scss b/src/theme/sidebar/_header.scss index 3b781a5..1a219cb 100644 --- a/src/theme/sidebar/_header.scss +++ b/src/theme/sidebar/_header.scss @@ -1,26 +1,26 @@ @use '../assets'; #app-mount { - .animatedContainer__341f6 { + .animatedContainer__0e828 { margin-top: var(--toolbar-height); background: transparent; transform: none !important; } - .bannerImage__39c51 { + .bannerImage_c73a57 { width: var(--channels-width); transform: none !important; } - .bannerImg_c85b7f { + .bannerImg_fe5c1b { width: 100%; } .content-2a4AW9 > div[style='height: 84px;'] { margin-top: 48px; } - .selected__0b1ad .header__104ca { + .selected__987e6 .header__77c95 { background: transparent; } - .header__104ca { + .header__77c95 { height: var(--toolbar-height); border-bottom: 1px solid var(--border); filter: none; @@ -30,19 +30,19 @@ align-items: center; justify-content: space-between; - .headerContent_ee8727 { + .headerContent__6fcc7 { flex: 1; } - .headerChildren__7cd0b { + .headerChildren_e6a96f { display: flex; - .button__07e07 { + .button__84b6b { top: 0; } } - .name_c08dbc { + .name_e8e549 { font-weight: 500; } - .button__07e07 { + .button__84b6b { margin-left: 0; mask: url(assets.$icon_cog) center/cover; background: var(--interactive-normal); @@ -63,10 +63,10 @@ .guildIconContainer-2FW_iA { display: none; } - .headerButton__3af9f { + .headerButton__532a2 { background: transparent; } - .communityInfoContainer__286d6 { + .communityInfoContainer__6ea3a { display: none; } } diff --git a/src/theme/sidebar/_panels.scss b/src/theme/sidebar/_panels.scss index eccb4c2..8df792e 100644 --- a/src/theme/sidebar/_panels.scss +++ b/src/theme/sidebar/_panels.scss @@ -6,10 +6,10 @@ } // Connected voice - .wrapper__0ed4a:not(:empty) { + .wrapper_e832ee:not(:empty) { border-top: 1px solid var(--border); } - .container_d667ff { + .container_e1958d { background: transparent; border: none; padding: 0; @@ -19,10 +19,10 @@ .inner_ab95dc { padding: 16px 18px; } - & > .flex_f5fbb7 { + & > .flex_f18b02 { margin: 0; } - .button__4f306 { + .button_ae40a4 { height: 63px; border-radius: 0; width: 42px; @@ -32,7 +32,7 @@ } } } - .actionButtons_b58cbb { + .actionButtons__85e3c { padding: 0; & > div > button, & > button { @@ -42,7 +42,7 @@ height: 42px; font-size: 0; transition: none; - .contents_fb6220 { + .contents__322f4 { display: flex; } svg { @@ -60,26 +60,26 @@ } } - .activityPanel__22355 { + .activityPanel_b73e7a { border-bottom: 1px solid var(--border); padding: 16px; background: transparent; } // Voice users - .voiceUsers_c72ec5 { + .voiceUsers__665a5 { padding: 10px 16px; border-bottom: 1px solid var(--border); } // User area - .container_ca50b9 { + .container_debb33 { background: transparent; padding: 0 16px; height: 64px; border-top: 1px solid var(--border); } - .avatarWrapper_ba5175 { + .avatarWrapper__500a6 { flex: 1; } } diff --git a/src/theme/sidebar/_voice.scss b/src/theme/sidebar/_voice.scss index e89e26a..ff87ced 100644 --- a/src/theme/sidebar/_voice.scss +++ b/src/theme/sidebar/_voice.scss @@ -1,13 +1,13 @@ #app-mount { .list__02208 { padding: 0; - .draggable__081c0 { + .draggable__68384 { height: auto; } } - .voiceUser__0470a { + .voiceUser__629a5 { height: auto; - .content_b60865 { + .content__3b07e { padding: 4px 18px 4px 32px; border-radius: 0; margin: 0; @@ -17,21 +17,21 @@ } .avatar_a56eee { z-index: 1; - &.avatarSpeaking_c95053 { + &.avatarSpeaking_f239de { box-shadow: inset 0 0 0 2px var(--talking-bar), inset 0 0 0 3px var(--background-secondary), 0 0 calc(var(--channel-glow-intensity) * 10px) var(--talking-glow); } } - .liveSmall_ca35ec { + .liveSmall__71bd5 { box-shadow: 0 0 calc(var(--channel-glow-intensity) * 10px) hsl(var(--discord-red)); z-index: 1; } - &.selected__471ca { - .content_b60865 { + &.selected__80fc0 { + .content__3b07e { background: transparent; } - .username__73ce9 { + .username_a42504 { text-shadow: 0 0 calc(var(--channel-glow-intensity) * 5px) currentColor; &::before { content: '';