diff --git a/src/core/_root.scss b/src/core/_root.scss index 5ab7d2b..1ab0f57 100644 --- a/src/core/_root.scss +++ b/src/core/_root.scss @@ -1,5 +1,5 @@ /* Old Windows titlebar - remove this @import if you wish to use default titlebar */ -@import url('https://gibbu.github.io/BetterDiscord-Themes/addons/windows-titlebar.css'); +@import url("https://discordstyles.github.io/Addons/windows-titlebar.css"); :root { /* diff --git a/src/theme/app/_app.scss b/src/theme/app/_app.scss index 52332cd..f45f9fc 100644 --- a/src/theme/app/_app.scss +++ b/src/theme/app/_app.scss @@ -1,5 +1,5 @@ #app-mount { - .layer-86YKbF { + .layer_e552e0 { top: var(--window-padding); right: var(--window-padding); bottom: var(--window-padding); @@ -9,7 +9,7 @@ border-radius: var(--window-roundness); } // Container shadow - .base-2jDfDU::before { + .base__3e6af::before { content: ''; position: absolute; height: 5px; @@ -21,17 +21,17 @@ user-select: none; } // Bot tags - .botTagRegular-2HEhHi { + .botTagRegular_c89c9a { background: var(--gradient); color: var(--text-normal); margin-top: 0; } - .botText-1fD6Qk { + .botText__19848 { font-weight: 600; } .botTagInvert-18-95s { color: rgb(var(--gradient-primary)); - .botText-1fD6Qk { + .botText__19848 { font-weight: bold; } } @@ -41,7 +41,7 @@ color: var(--text-normal); } // Update notice -#app-mount .app-2CXKsg::before { +#app-mount .app__00c92::before { content: 'Your version of Frosted Glass is outdated. Please redownload'; white-space: pre-wrap; display: var(--update-notice-1, block); diff --git a/src/theme/app/_background.scss b/src/theme/app/_background.scss index a4150ca..7dc7848 100644 --- a/src/theme/app/_background.scss +++ b/src/theme/app/_background.scss @@ -1,5 +1,5 @@ #app-mount { - .bg-1QIAus { + .bg__7adbf { top: -22px; right: 0; bottom: 0; @@ -21,32 +21,32 @@ } } [role='menu'], - .autocompleteInner-y1mjDl, - .container-2McqkF, + .autocompleteInner_a0e6a1, + .container_d6dad3, .container-enaOkj, - .container-8Futzw, + .container__56cd1, .contextMenu-HLZMGh:not(.scroller-2FKFPG), - .emojiPicker-6YCk8a, - .messagesPopoutWrap-3zryHW, - .modal-2RrUKJ:not(.slide-2pHaq5), + .emojiPicker_b65ce9, + .messagesPopoutWrap_b3b384, + .modal__060da:not(.slide-2pHaq5), .root-1gCeng:not(.fullscreenOnMobile-1bD22y), .root-8LYsGj, .subMenuContext-2n_9YM .scrollerWrap-2lJEkd, section.positionContainer-3unAXC .drawerSizingWrapper-27qFHb, - .quickswitcher-pKcM9U, + .quickswitcher_a3d29a, .root-1gCeng.wrapper-2ZbzR9, .modalRoot-1Kx4Hb, .container-3JTnYm.thin-1ybCId.scrollerBase-_bVAAt, - .popoutContainer-2wbmiM, + .popoutContainer__7b9a3, .userProfileModalOuter-1FYL8T, .container-2O1UgZ, - .container-18GwIk, - .popout-TdhJ6Z, + .container__8261a, + .popout__24e32, .reactionTooltip-3IOBwg, - .picker-20lcBA, + .picker__6dca7, .container-3a5mk-, - .popout-VbwYm1, - .popout-15UxD6 { + .popout__83ef0, + .popout_a6e77f { overflow: hidden !important; position: relative; border-radius: 3px; diff --git a/src/theme/app/_inputs.scss b/src/theme/app/_inputs.scss index dae5b9f..6d413a0 100644 --- a/src/theme/app/_inputs.scss +++ b/src/theme/app/_inputs.scss @@ -76,7 +76,7 @@ color: rgb(255, 255, 255, 0.5); } // Radio buttons - .item-1TA5qI { + .item_b7fb7e { border: none; background: var(--background-secondary); .checkbox-1ix_J3 { @@ -95,9 +95,9 @@ polyline { stroke: rgb(var(--gradient-primary)); } - &:has(> .radioBar-1XgZqD[style*='--radio-bar-accent-color']) { + &:has(> .radioBar__40e1b[style*='--radio-bar-accent-color']) { background: transparent !important; - .radioBar-1XgZqD { + .radioBar__40e1b { background: var(--radio-bar-accent-color); } } @@ -134,7 +134,7 @@ } // Select [class*='css'][class*='control'], - .select-Zz0IcO { + .select__0eb48 { background: var(--background-secondary); border-color: transparent; } @@ -143,15 +143,15 @@ opacity: 1; } // Select Dropdown - .popout-15UxD6 { + .popout_a6e77f { backdrop-filter: blur(var(--overlay-blur, 5px)); background: rgb(0 0 0 / var(--overlay-brightness)); } // Range - .bar-2H7Q9u { + .bar_e58961 { background: var(--foreground-double); } - .barFill-3RgCsY { + .barFill__30e17 { background: var(--gradient); } // Keybind diff --git a/src/theme/app/_notices.scss b/src/theme/app/_notices.scss index 2ab5375..4322ad6 100644 --- a/src/theme/app/_notices.scss +++ b/src/theme/app/_notices.scss @@ -1,5 +1,5 @@ #app-mount { - .notice-2HEN-u { + .notice__5fd4c { height: 48px; display: flex; align-items: center; @@ -7,7 +7,7 @@ border-radius: 0; box-shadow: none; padding-right: var(--TB-header-padding, 12px); - .button-1iHNQ2 { + .button__57d93 { top: 0; background: var(--foreground); border-color: transparent; @@ -20,7 +20,7 @@ } } } - .closeButton-30b1gR { + .closeButton_ffc97a { right: unset; left: 0; height: 48px; diff --git a/src/theme/app/_toolbars.scss b/src/theme/app/_toolbars.scss index 7a84d88..74d353f 100644 --- a/src/theme/app/_toolbars.scss +++ b/src/theme/app/_toolbars.scss @@ -1,9 +1,9 @@ -#app-mount .title-5wgnIa { +#app-mount .title_b7d661 { background: transparent; - .searchBar-jGtisZ { + .searchBar_e0c60b { background: var(--background-secondary); } - .children-3xh0VB::after { + .children__32014::after { content: none; } } diff --git a/src/theme/app/_tooltips.scss b/src/theme/app/_tooltips.scss index effb0ab..66d3c82 100644 --- a/src/theme/app/_tooltips.scss +++ b/src/theme/app/_tooltips.scss @@ -1,12 +1,12 @@ #app-mount { - .tooltip-33Jwqe { + .tooltip__01384 { color: var(--text-normal); text-align: center; font-weight: 600; } - .tooltipPrimary-2466a2 { + .tooltipPrimary_e5c00d { background: var(--gradient); - .tooltipPointer-sMBQqe { + .tooltipPointer_a79354 { display: none; } } diff --git a/src/theme/chat/_call.scss b/src/theme/chat/_call.scss index 2fdcad1..c9448c8 100644 --- a/src/theme/chat/_call.scss +++ b/src/theme/chat/_call.scss @@ -1,5 +1,5 @@ #app-mount { - .wrapper-1gVUIN.minimum-fXpVNc { + .wrapper_bd2abe.minimum_ebf000 { background: var(--background-secondary); } .centerButton-3CaNcJ { @@ -8,13 +8,13 @@ background: var(--foreground-double); } } - .controlButton-2PMNom.leaveButton-2YnTyt { + .controlButton_ab2899.leaveButton-2YnTyt { background: rgb(var(--discord-red), 0.5); &:hover { background: rgb(var(--discord-red)); } } - .quickSelect-384d3G { + .quickSelect_ae48d2 { margin-top: 10px; } } diff --git a/src/theme/chat/_chatbox.scss b/src/theme/chat/_chatbox.scss index ab2a2c3..078f432 100644 --- a/src/theme/chat/_chatbox.scss +++ b/src/theme/chat/_chatbox.scss @@ -1,10 +1,10 @@ -#app-mount .form-3gdLxP { +#app-mount .form__13a2c { margin-top: 0; - .attachButton-_ACFSu { + .attachButton_b1db83 { padding: 10px; } - .placeholder-1_mJY1, - .slateTextArea-27tjG0 { + .placeholder__4bea5, + .slateTextArea__0661c { padding-left: 5px; } } diff --git a/src/theme/chat/_container.scss b/src/theme/chat/_container.scss index 398bc37..706f347 100644 --- a/src/theme/chat/_container.scss +++ b/src/theme/chat/_container.scss @@ -1,20 +1,20 @@ #app-mount { - .content-1jQy2l::before { + .content__1a4fe::before { content: none; } - .chat-9g_3Xj { + .chat__52833 { background: rgb(0, 0, 0, var(--middle-brightness)); } .messages-3amgkR { background-color: transparent; text-shadow: 0 2px 5px rgb(0, 0, 0, var(--text-shadow)); } - .newMessagesBar-1hF-9G { + .newMessagesBar__8b6d7 { background: var(--gradient); opacity: 1; box-shadow: 0 2px 5px rgb(0, 0, 0, 0.5); } - .jumpToPresentBar-1cEnH0 { + .jumpToPresentBar__0ff7f { border-radius: 8px; background-color: var(--foreground-double); padding-bottom: 0; diff --git a/src/theme/chat/_dividers.scss b/src/theme/chat/_dividers.scss index 608a411..3f83423 100644 --- a/src/theme/chat/_dividers.scss +++ b/src/theme/chat/_dividers.scss @@ -1,6 +1,6 @@ -#app-mount .divider-2rZFJK { +#app-mount .divider_b9338f { border: none; - .content-3spvdd { + .content_d67847 { display: flex; width: 100%; justify-content: center; @@ -21,7 +21,7 @@ margin-left: 10px; } } - &.isUnread-3Lojb- { + &.isUnread__6f880 { border-top: 1px solid rgb(var(--discord-red)); } } diff --git a/src/theme/chat/_forum.scss b/src/theme/chat/_forum.scss index 2150f3b..7957bcb 100644 --- a/src/theme/chat/_forum.scss +++ b/src/theme/chat/_forum.scss @@ -11,7 +11,7 @@ background: transparent; } } - .pill-3pRQlO { + .pill_f055c3 { background: var(--foreground); transition: 0.15s ease background; &:hover { diff --git a/src/theme/chat/_messages.scss b/src/theme/chat/_messages.scss index b5a30ec..3e5a88c 100644 --- a/src/theme/chat/_messages.scss +++ b/src/theme/chat/_messages.scss @@ -1,25 +1,25 @@ #app-mount { - .cozy-VmLDNB .header-23xsNx { + .cozy_f5c119 .header-23xsNx { margin-left: 0; padding-left: 0; } - .message-G6O-Wv { + .message__04d9f { background: transparent; box-shadow: none; } // Attachments,pings,codeblocks ect... - .message-2CShn3 { + .message__80c10 { background: transparent !important; - .reaction-3vwAF2 { + .reaction_b90ab0 { background: var(--foreground); - &.reactionMe-1PwQAc { + &.reactionMe_bf6909 { background: var(--gradient); - .reactionCount-26U4As { + .reactionCount__60448 { color: var(--text-normal); } } } - .wrapper-2vIMkT { + .wrapper_c727b6 { background: var(--background-secondary); } .attachment-33OFj0, @@ -36,13 +36,13 @@ color: var(--text-default); } // Mentions - .mentioned-Tre-dv { + .mentioned__58017 { background: var(--gradient-20) !important; &::before { background: var(--gradient); } } - .wrapper-1ZcZW- { + .wrapper__2d9b1 { background: var(--gradient); color: var(--text-normal); } diff --git a/src/theme/chat/_threads.scss b/src/theme/chat/_threads.scss index 6da3c4a..4a21e63 100644 --- a/src/theme/chat/_threads.scss +++ b/src/theme/chat/_threads.scss @@ -1,5 +1,5 @@ #app-mount { - .container-3XgAHv { + .container_def45c { background: rgb(0, 0, 0, var(--middle-brightness)); } } diff --git a/src/theme/guilds/_container.scss b/src/theme/guilds/_container.scss index d71dc57..709f5a5 100644 --- a/src/theme/guilds/_container.scss +++ b/src/theme/guilds/_container.scss @@ -1,6 +1,6 @@ -#app-mount .guilds-2JjMmN { +#app-mount .guilds__2b93a { background-color: transparent; - .scrollerBase-1Pkza4 { + .scrollerBase_dc3aa9 { background-color: rgb(0, 0, 0, var(--serverlist-brightness)); &::-webkit-scrollbar { display: none; diff --git a/src/theme/guilds/_folder.scss b/src/theme/guilds/_folder.scss index d5c6c37..f29b60d 100644 --- a/src/theme/guilds/_folder.scss +++ b/src/theme/guilds/_folder.scss @@ -1,4 +1,4 @@ -#app-mount .guilds-2JjMmN { +#app-mount .guilds__2b93a { [class*='expandedFolderBackground'] { background: var(--foreground); } diff --git a/src/theme/guilds/_server.scss b/src/theme/guilds/_server.scss index f6dbc69..999ade0 100644 --- a/src/theme/guilds/_server.scss +++ b/src/theme/guilds/_server.scss @@ -1,11 +1,11 @@ -#app-mount .guilds-2JjMmN { +#app-mount .guilds__2b93a { // Home button - .tutorialContainer-1pL9QS { - .childWrapper-1j_1ub { + .tutorialContainer__890ea { + .childWrapper__01b9c { background: var(--gradient); background-color: transparent; } - .listItem-3SmSlK:first-child .wrapper-3kah-n { + .listItem_fa7b36:first-child .wrapper_d281dd { &::before { content: ''; border-radius: 50%; @@ -18,19 +18,19 @@ width: 100%; transition: 0.2s ease; } - &.selected-1Drb7Z::before { + &.selected_f5ec8e::before { border-radius: 30%; } } - .homeIcon-r0w4ny { + .homeIcon__00b1b { display: none; } } - .selected-1Drb7Z .acronym-2zrAHN { + .selected_f5ec8e .acronym_cd4809 { background: var(--foreground-double); } // No icon - .acronym-2zrAHN { + .acronym_cd4809 { background: var(--foreground); &:hover { background: var(--foreground-double); diff --git a/src/theme/members/_container.scss b/src/theme/members/_container.scss index 086b411..5fa1f95 100644 --- a/src/theme/members/_container.scss +++ b/src/theme/members/_container.scss @@ -1,11 +1,11 @@ #app-mount { - .container-2vWgD2 { + .container_b2ce9c { background: transparent; } - .membersWrap-3GwLFp { + .membersWrap__90226 { background-color: rgb(0, 0, 0, var(--right-brightness)); } - .members-2y1nVj { + .members__9f47b { background: transparent; & > div { background: transparent; diff --git a/src/theme/members/_member.scss b/src/theme/members/_member.scss index 4a73a20..8f5acff 100644 --- a/src/theme/members/_member.scss +++ b/src/theme/members/_member.scss @@ -1,25 +1,25 @@ -#app-mount .member-2gU6Ar { +#app-mount .member_aa4760 { background: transparent; - &.selected-1-Z6gm { - .layout-1qmrhw { + &.selected__9800b { + .layout_bb8e67 { background: var(--gradient); } .roleColor-nA7BqX { color: var(--text-normal) !important; } - .botTagRegular-2HEhHi { + .botTagRegular_c89c9a { background: var(--text-normal); color: rgb(var(--gradient-primary)); margin-top: 0; } - .botText-1fD6Qk { + .botText__19848 { font-weight: 900; } .premiumIcon-1rDbWQ { color: var(--text-normal); } - .username-3_PJ5r, - .activity-2EQDZv { + .username_d272d6, + .activity__3cbac { color: #fff !important; } } diff --git a/src/theme/modals/_modals.scss b/src/theme/modals/_modals.scss index 6fc71cb..fb4ae15 100644 --- a/src/theme/modals/_modals.scss +++ b/src/theme/modals/_modals.scss @@ -3,14 +3,14 @@ transform: scale(1) translateZ(0px) !important; animation: fadeInTop 0.3s ease forwards !important; } - .modal-2RrUKJ { + .modal__060da { background-color: transparent; box-shadow: none; .cardWarning-2yPNAa { background-color: rgb(var(--discord-yellow), 0.2); border: 2px solid rgb(var(--discord-yellow)); } - .footer-1Ip3Sd { + .footer__09373 { box-shadow: none; background: var(--background-secondary); } diff --git a/src/theme/modals/_quickswitcher.scss b/src/theme/modals/_quickswitcher.scss index 58c6aec..a0188d0 100644 --- a/src/theme/modals/_quickswitcher.scss +++ b/src/theme/modals/_quickswitcher.scss @@ -1,4 +1,4 @@ -#app-mount .quickswitcher-pKcM9U { +#app-mount .quickswitcher_a3d29a { box-shadow: none; padding: 20px; .scrollerOuter-3FLELE { @@ -6,14 +6,14 @@ margin-right: 0; border-radius: 3px; } - .scroller-2qwVWY { + .scroller__52ae7 { padding: 10px 5px 10px 10px; box-sizing: border-box; & > div[style*='width: 100%;'] { display: none; } } - .protip-1jXzAl { + .protip__84833 { display: none; } } diff --git a/src/theme/modals/_reactions.scss b/src/theme/modals/_reactions.scss index 4b82663..d6c1824 100644 --- a/src/theme/modals/_reactions.scss +++ b/src/theme/modals/_reactions.scss @@ -1,6 +1,6 @@ #app-mount { - .scroller-2GkvCq, - .reactors-1VXca7 { + .scroller__5fda0, + .reactors__20ab0 { background: transparent; } } diff --git a/src/theme/pages/_discovery.scss b/src/theme/pages/_discovery.scss index ea8aa43..490f031 100644 --- a/src/theme/pages/_discovery.scss +++ b/src/theme/pages/_discovery.scss @@ -1,4 +1,4 @@ -#app-mount .content-1SgpWY { +#app-mount .content__4bf10 { .discoverHeader-1TWTqG { margin: 0 0 10px; height: 48px; @@ -7,18 +7,18 @@ padding-left: 10px; } .categoryItem-3zFJns { - &.selected-1-Z6gm .itemInner-3gVXMG { + &.selected__9800b .itemInner-3gVXMG { background: var(--gradient); } } - .pageWrapper-2PwDoS { + .pageWrapper_fef757 { background: rgb(0, 0, 0, var(--middle-brightness)); .scrollerWrap-2lJEkd { margin-top: 48px; margin-bottom: 48px; } } - .card-2TuZPZ { + .card__86773 { background: var(--background-secondary); &:hover { box-shadow: none; diff --git a/src/theme/pages/_friends.scss b/src/theme/pages/_friends.scss index bb73ee8..ea2a963 100644 --- a/src/theme/pages/_friends.scss +++ b/src/theme/pages/_friends.scss @@ -1,15 +1,15 @@ -#app-mount .container-2cd8Mz { +#app-mount .container__5c7e7 { background: rgb(0, 0, 0, var(--middle-brightness)); - .inset-SbsSFp { + .inset__0bfb3 { background-color: var(--background-secondary); } - .itemCard-3Etziu:hover { + .itemCard__1f162:hover { background: var(--foreground); } - .nowPlayingColumn-1eCBCN { + .nowPlayingColumn_f5023f { background: rgb(0, 0, 0, var(--right-brightness)); } - .scroller-hE2gWq { + .scroller__00e7e { border: none; } } diff --git a/src/theme/pages/_nitro.scss b/src/theme/pages/_nitro.scss index cbd37d2..bfbcafe 100644 --- a/src/theme/pages/_nitro.scss +++ b/src/theme/pages/_nitro.scss @@ -1,3 +1,3 @@ -#app-mount .applicationStore-2nk7Lo { +#app-mount .applicationStore_fc7d76 { background: rgb(0, 0, 0, var(--middle-brightness)); } diff --git a/src/theme/pages/_pages.scss b/src/theme/pages/_pages.scss index 6a19a44..1ee5993 100644 --- a/src/theme/pages/_pages.scss +++ b/src/theme/pages/_pages.scss @@ -1,5 +1,5 @@ #app-mount { - .image-3HC6rC { + .image__0cdbe { filter: grayscale(1); opacity: 0.5; } diff --git a/src/theme/popouts/_autocomplete.scss b/src/theme/popouts/_autocomplete.scss index 81ff972..2a7d053 100644 --- a/src/theme/popouts/_autocomplete.scss +++ b/src/theme/popouts/_autocomplete.scss @@ -1,16 +1,16 @@ -#app-mount .autocomplete-3NRXG8 { +#app-mount .autocomplete_df266d { box-shadow: none; .selectorSelected-1_M1WV { background: var(--foreground); } - .divider-1bJsnZ { + .divider__87f51 { background-color: var(--foreground); } .description-11DmNu, .descriptionUsername-J_75O8 { color: var(--text-normal); } - .descriptionDiscriminator-tCKMLV { + .descriptionDiscriminator__158a4 { color: var(--text-muted); } } diff --git a/src/theme/popouts/_emojipicker.scss b/src/theme/popouts/_emojipicker.scss index d25fad8..6160194 100644 --- a/src/theme/popouts/_emojipicker.scss +++ b/src/theme/popouts/_emojipicker.scss @@ -35,7 +35,7 @@ background-color: var(--foreground) !important; } // Emoji - .emojiItemSelected-2Lg50V { + .emojiItemSelected__1a09a { background: var(--foreground-double); } .categoryWrapper-UZ5YNj { @@ -45,14 +45,14 @@ color: var(--text-normal); } } -.emojiPicker-6YCk8a { +.emojiPicker_b65ce9 { box-shadow: none; background: transparent; animation: fadeIn 0.3s ease forwards; [class*='header'] { box-shadow: none; } - .searchBar-2M9mRP { + .searchBar__8f956 { background: var(--background-secondary); } } diff --git a/src/theme/popouts/_linkedaccounts.scss b/src/theme/popouts/_linkedaccounts.scss index 591fbd9..6aec198 100644 --- a/src/theme/popouts/_linkedaccounts.scss +++ b/src/theme/popouts/_linkedaccounts.scss @@ -1,5 +1,5 @@ #app-mount { - .popout-VbwYm1 { + .popout__83ef0 { border: none; background: var(--foreground); animation: fadeIn 0.3s ease forwards; diff --git a/src/theme/popouts/_mentions.scss b/src/theme/popouts/_mentions.scss index 6f57c51..fe4ba3c 100644 --- a/src/theme/popouts/_mentions.scss +++ b/src/theme/popouts/_mentions.scss @@ -6,12 +6,12 @@ padding: 0; overflow: hidden; } - .channelHeader-DFRX8q { + .channelHeader__5d30c { background: transparent; padding: 15px 15px 0; height: auto; position: static; - .tertiary-1e-lAP, + .tertiary_bc0225, .item-3XjbnG.selected-g-kMVV { background: var(--foreground); &:hover { @@ -19,14 +19,14 @@ } } } - .container-iA3Qrz { + .container__56e52 { margin: 0 16px 16px; padding: 0; border-radius: 3px; box-sizing: border-box; background: var(--foreground); } - .messageContainer-3VTXBC { + .messageContainer_aa7d14 { padding: 15px 15px 15px 0; box-sizing: border-box; } diff --git a/src/theme/popouts/_quickaddrole.scss b/src/theme/popouts/_quickaddrole.scss index 8ebe2ef..f5327a3 100644 --- a/src/theme/popouts/_quickaddrole.scss +++ b/src/theme/popouts/_quickaddrole.scss @@ -1,4 +1,4 @@ -#app-mount .container-2kTWmC { +#app-mount .container_d27846 { background: var(--background-secondary); backdrop-filter: blur(var(--overlay-image-blur)); } diff --git a/src/theme/popouts/_search.scss b/src/theme/popouts/_search.scss index ec1f0f1..a07e921 100644 --- a/src/theme/popouts/_search.scss +++ b/src/theme/popouts/_search.scss @@ -1,5 +1,5 @@ #app-mount { - .container-2McqkF { + .container_d6dad3 { background: transparent; box-shadow: none; .displayedNick-2dDbfG, @@ -45,11 +45,11 @@ background: transparent; } } - .searchAnswer-23w-CH { + .searchAnswer_b452e7 { background: var(--foreground); margin-left: 0; } - .searchFilter-2UfsDk { + .searchFilter__118cb { background: var(--foreground); } } diff --git a/src/theme/popouts/_soundboard.scss b/src/theme/popouts/_soundboard.scss index aaf7bf4..a76b94d 100644 --- a/src/theme/popouts/_soundboard.scss +++ b/src/theme/popouts/_soundboard.scss @@ -1,11 +1,11 @@ #app-mount { - .picker-20lcBA { + .picker__6dca7 { border: none; background: var(--foreground); animation: fadeIn 0.3s ease forwards; // Searchbar - .inner-1NoIT5 { + .inner__178b2 { background: var(--background-secondary); } } diff --git a/src/theme/popouts/_threads.scss b/src/theme/popouts/_threads.scss index 093a6e5..c6eee9c 100644 --- a/src/theme/popouts/_threads.scss +++ b/src/theme/popouts/_threads.scss @@ -1,5 +1,5 @@ #app-mount { - .container-2rzKKA { + .container__6604b { border: none; background: var(--foreground); &:hover { diff --git a/src/theme/popouts/_userpopout.scss b/src/theme/popouts/_userpopout.scss index da28fe0..2fec2dd 100644 --- a/src/theme/popouts/_userpopout.scss +++ b/src/theme/popouts/_userpopout.scss @@ -1,4 +1,4 @@ -#app-mount .userPopoutOuter-1OHwPL { +#app-mount .userPopoutOuter_d739b2 { box-shadow: none; overflow: hidden !important; position: relative; @@ -27,25 +27,25 @@ z-index: -1; } - .userPopoutInner-nv9Y92 { + .userPopoutInner_f545a3 { &::before { top: 4px; left: 4px; } - &:not(.userProfileInnerThemedNonPremium-2AJg-H) { + &:not(.userProfileInnerThemedNonPremium__3d0a6) { .avatarPositionPremiumBanner-2nq2Fy { top: 73px; left: 21px; } - .bannerSVGWrapper-2CLfzN { + .bannerSVGWrapper__3e7b0 { margin: 2px 4px 4px 4px; box-sizing: border-box; width: calc(100% - 8px); min-width: unset !important; } } - &.userProfileInnerThemedNonPremium-2AJg-H { - .overlayBackground-2aa7wt { + &.userProfileInnerThemedNonPremium__3d0a6 { + .overlayBackground__86b78 { margin: 0 8px 8px; } } @@ -69,27 +69,27 @@ .wrapper-1VLyxH::after { border-radius: 3px; } - .activityName-3YXl6e, + .activityName__47e51, .headerTag-2pZJzA, .nameNormal-2lqVQK, .nameWrap-3Z4G_9, - .textRow-1sENuL { + .textRow__4750e { color: var(--text-normal); } .body-3iLsc4 { background: transparent; } - .roles-3vQPxb { + .roles__74a2b { gap: 4px; } - .roleRemoveButton-17oXnT { + .roleRemoveButton__737f2 { position: unset; - & + .roleName-2ZJJYR { + & + .roleName_d19d33 { position: relative; z-index: 1; } } - .role-2TIOKu { + .role__631a3 { margin: 0; position: relative; border-radius: 10px; @@ -98,7 +98,7 @@ padding: 6px; border: none; } - .roleCircle-3TFUOr { + .roleCircle_bae511 { position: unset; overflow: visible; filter: none; @@ -113,10 +113,10 @@ pointer-events: none; } } - .roleRemoveIcon-387wKV { + .roleRemoveIcon__7f63d { left: 12px; } - .roleName-2ZJJYR { + .roleName_d19d33 { margin: 0; color: var(--text-focus); } @@ -136,7 +136,7 @@ display: none; } - .userProfileInnerNonPremium-1XjSjn .overlayBackground-2aa7wt { + .userProfileInnerNonPremium-1XjSjn .overlayBackground__86b78 { background: var(--background-secondary); } &.theme-light .inputDefault-3FGxgL::placeholder { diff --git a/src/theme/settings/_container.scss b/src/theme/settings/_container.scss index 4caa444..b38c2b7 100644 --- a/src/theme/settings/_container.scss +++ b/src/theme/settings/_container.scss @@ -1,8 +1,8 @@ -#app-mount .layer-86YKbF:not(.baseLayer-W6S8cY) { - .standardSidebarView-E9Pc3j { +#app-mount .layer_e552e0:not(.baseLayer__13b6b) { + .standardSidebarView__1129a { top: 0; } - .sidebarRegionScroller-FXiQOh { + .sidebarRegionScroller__1fa7e { background-color: rgb(0, 0, 0, var(--left-brightness)); } .multiInput-1e2xJ7 .input-2g-os5 { @@ -15,7 +15,7 @@ color: var(--text-normal); } - .info-3pQQBb .colorMuted-20987_:first-child::before { + .info__755e1 .colorMuted-20987_:first-child::before { content: var(--version); display: block; } diff --git a/src/theme/settings/_serversettings.scss b/src/theme/settings/_serversettings.scss index 2e18d2c..054a462 100644 --- a/src/theme/settings/_serversettings.scss +++ b/src/theme/settings/_serversettings.scss @@ -1,6 +1,6 @@ #app-mount { // Audit log - .contentRegion-3HkfJJ { + .contentRegion__0bec1 { background: rgb(0, 0, 0, var(--middle-brightness)); } .auditLog-3jNbM6 { diff --git a/src/theme/settings/_usersettings.scss b/src/theme/settings/_usersettings.scss index 23028ab..9f523bb 100644 --- a/src/theme/settings/_usersettings.scss +++ b/src/theme/settings/_usersettings.scss @@ -1,17 +1,17 @@ -#app-mount .layer-86YKbF:not(.baseLayer-W6S8cY) { +#app-mount .layer_e552e0:not(.baseLayer__13b6b) { // My account - .accountProfileCard-lbN7n- { + .accountProfileCard__22589 { background: var(--background-secondary); } - .fieldList-in8WkP { + .fieldList_aab0de { background: transparent; } // Authorized apps - .authedApp-8q3NA9 { + .authedApp__51b26 { background: var(--background-secondary); } // Connections - .connection-YOVI9j { + .connection_fff5f6 { position: relative; overflow: hidden; box-shadow: none; @@ -54,7 +54,7 @@ } } // Keybinds - .card-2ART2V::before { + .card_dc88cd::before { border-color: transparent; background: var(--foreground); } diff --git a/src/theme/sidebar/_channels.scss b/src/theme/sidebar/_channels.scss index d9546e0..7c08216 100644 --- a/src/theme/sidebar/_channels.scss +++ b/src/theme/sidebar/_channels.scss @@ -1,20 +1,20 @@ #app-mount { - .containerDefault-YUSmu3 { + .containerDefault__3187b { // Unread - .modeUnread-3Cxepe .link-1_kTxV { + .modeUnread_f74c03 .link__95dc0 { background: var(--foreground); } // Hover - .wrapper-1ucjTd:hover .link-1_kTxV { + .wrapper-1ucjTd:hover .link__95dc0 { background: var(--background-modifier-hover); - .icon-2W8DHg { + .icon_eff5d4 { color: var(--interactive-hover); } } // Selected - &.selected-2TbFuo .link-1_kTxV { + &.selected__3b4cb .link__95dc0 { background: var(--gradient) !important; - .icon-2W8DHg { + .icon_eff5d4 { color: var(--text-normal); } } @@ -29,7 +29,7 @@ padding: 0 5px; width: auto; } - .containerUserOver-SDa1HW::after { + .containerUserOver__8b873::after { background: var(--gradient-20); border: 2px solid rgb(var(--gradient-primary)); } diff --git a/src/theme/sidebar/_container.scss b/src/theme/sidebar/_container.scss index 3de69a4..97c0ddd 100644 --- a/src/theme/sidebar/_container.scss +++ b/src/theme/sidebar/_container.scss @@ -1,9 +1,9 @@ -#app-mount .sidebar-1tnWFu { +#app-mount .sidebar_ded4b5 { border-radius: 0; background: rgb(0, 0, 0, var(--left-brightness)); - .container-1NXEtd, - .privateChannels-oVe7HL, - .scroller-WSmht3 { + .container__590e2, + .privateChannels__93473, + .scroller__4b984 { background-color: transparent; } [role='list'] > div[style='width: 100%; height: 84px; visibility: hidden;'] { diff --git a/src/theme/sidebar/_dmlist.scss b/src/theme/sidebar/_dmlist.scss index a45b287..6ad58d7 100644 --- a/src/theme/sidebar/_dmlist.scss +++ b/src/theme/sidebar/_dmlist.scss @@ -1,3 +1,3 @@ -#app-mount .channel-1Shao0 .selected-3veCBZ { +#app-mount .channel_c21703 .selected-3veCBZ { background: var(--gradient); } diff --git a/src/theme/sidebar/_panels.scss b/src/theme/sidebar/_panels.scss index 969648d..e730616 100644 --- a/src/theme/sidebar/_panels.scss +++ b/src/theme/sidebar/_panels.scss @@ -1,7 +1,7 @@ #app-mount { - .panels-3wFtMD { + .panels__58331 { background: transparent; - .lookFilled-1H2Jvj.colorBrand-2M3O3N { + .lookFilled__19298.colorBrand_b2253e { background: var(--foreground); &:hover { background: var(--foreground-double); @@ -11,7 +11,7 @@ } } } - .container-2NLBJg { + .container_d667ff { border-bottom: none; } }