diff --git a/src/_chat.scss b/src/_chat.scss index 814a345..1cf9e2a 100644 --- a/src/_chat.scss +++ b/src/_chat.scss @@ -5,50 +5,50 @@ /* /* Text Box */ -.scrollableContainer-15eg7h, .hasConnectedBar-1vN2JH, .preview-QJ3OG3 { +.scrollableContainer__33e06, .hasConnectedBar__277ab, .preview_f42b5d { border-radius: 20px; border: 1px solid var(--surCordBorder); } - .scrollableContainer-15eg7h:hover { + .scrollableContainer__33e06:hover { box-shadow: 0 0 2px 2px var(--accent-selected); } .theme-light { - .scrollableContainer-15eg7h, .hasConnectedBar-1vN2JH, .preview-QJ3OG3 { + .scrollableContainer__33e06, .hasConnectedBar__277ab, .preview_f42b5d { border-radius: 20px; background: rgba(231, 234, 237) !important; border: 1px solid rgb(97, 96, 99); } - .scrollableContainer-15eg7h:hover { + .scrollableContainer__33e06:hover { box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); } } - .theme-dark .autocomplete-3NRXG8 { + .theme-dark .autocomplete_df266d { background: rgba(41, 38, 39, 0.276); backdrop-filter: blur(20px); border: 1px solid var(--surCordBorder); } - .upload-vLbqu- { + .upload_c98ecb { background: rgba(8, 4, 5, 0.429); border: 1px solid var(--surCordBorder); } - .actionBar-1ozugS .wrapper-2vIMkT { + .actionBar__3cdab .wrapper_c727b6 { background: rgba(8, 4, 5, 0.429); backdrop-filter: blur(3px); border: 1px solid var(--surCordBorder); border-radius: 50px; } .theme-light { - .autocomplete-3NRXG8 { + .autocomplete_df266d { background: rgba(231, 234, 237, 0.436) !important; backdrop-filter: blur(20px); box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); border: 1px solid rgba(249, 249, 249, 0.772); } - .upload-vLbqu- { + .upload_c98ecb { background: rgba(231, 234, 237, 0.436) !important; border: 1px solid rgba(249, 249, 249, 0.772); } - .actionBar-1ozugS .wrapper-2vIMkT { + .actionBar__3cdab .wrapper_c727b6 { background: rgba(231, 234, 237, 0.436) !important; backdrop-filter: blur(20px); box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); @@ -56,17 +56,17 @@ border-radius: 50px; } } -.autocompleteRowVerticalSmall-2rVED0 .base-2v-uc0:hover, .clickable-2V8YKY[aria-disabled=false]>.base-2v-uc0:hover { +.autocompleteRowVerticalSmall_b9088a .base__76a71:hover, .clickable_f8437d[aria-disabled=false]>.base__76a71:hover { background-color: rgba(26, 127, 251, 0.612) !important; backdrop-filter: blur(10px); } - .clickable-2V8YKY[aria-disabled=false]>.base-2v-uc0:hover, .clickable-2V8YKY[aria-selected=true]>.base-2v-uc0 { + .clickable_f8437d[aria-disabled=false]>.base__76a71:hover, .clickable_f8437d[aria-selected=true]>.base__76a71 { background-color: rgba(26, 127, 251, 0.353) !important; backdrop-filter: blur(10px); } /* New Messages Banner */ -.newMessagesBar-1hF-9G { +.newMessagesBar__8b6d7 { background-color: var(--accent-selected) !important; backdrop-filter: blur(10px); border-radius: 50px; @@ -74,35 +74,35 @@ backdrop-filter: blur(10px); } /* Reply Bar */ -.replyBar-1oi75v, .jumpToPresentBar-1cEnH0 { +.replyBar_b64d74, .jumpToPresentBar__0ff7f { background-color: var(--accent-selected) !important; backdrop-filter: blur(10px); border-radius: 50px; padding-bottom: 1px; margin-bottom: 12px; } -.attachedBars-2BCP3l, .clipContainer-31nYlH, .container-A2jo65, .channelTextArea-1FufC0 { +.attachedBars_da3c74, .clipContainer__99c30, .container__08420, .channelTextArea__2e60f { background: transparent; } /* Embeds and MarkUp */ -.grid-1aWVsE, .markup-eYLPri code, .attachment-1PZZB2, .theme-dark .wrapperAudio-1Bzv_Z{ +.grid_c7c4e6, .markup_a7e664 code, .attachment_f3cf2c, .theme-dark .wrapperAudio__555ce{ box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483); border: 1px solid var(--surCordBorder); background: rgba(41, 38, 39, 0.276); } -.embedFull-1HGV2S { +.embedFull__8dc21 { background-color: transparent; } .theme-light { - .grid-1aWVsE, .markup-eYLPri code, .attachment-1PZZB2, .theme-dark .wrapperAudio-1Bzv_Z{ + .grid_c7c4e6, .markup_a7e664 code, .attachment_f3cf2c, .theme-dark .wrapperAudio__555ce{ background: rgba(231, 234, 237, 0.436) !important; box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); border: 1px solid rgba(249, 249, 249, 0.772); } } /* Nitro Claim a Gift, Join a Server */ -.description-X8_53U, .userSelectNone-3AtPzf { +.description__883d4, .userSelectNone_e7df64 { backdrop-filter: blur(20px); box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483); border: 1px solid var(--surCordBorder); @@ -110,7 +110,7 @@ backdrop-filter: blur(10px); background: rgba(41, 38, 39, 0.276); } .theme-light { -.description-X8_53U, .userSelectNone-3AtPzf { +.description__883d4, .userSelectNone_e7df64 { background: rgba(231, 234, 237, 0.436) !important; backdrop-filter: blur(20px); box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); @@ -120,20 +120,20 @@ backdrop-filter: blur(10px); } /* Empty Channel Icon */ -.emptyChannelIcon-1YdEz2 { +.emptyChannelIcon__1a1ba { background-color: var(--accent); } /* Reply Highlight */ #app-mount { - .message-2CShn3 { + .message__80c10 { margin-left: 5px; border-radius: vaR(--accent-focused); // ARG, MATEY! :KarenPirate: &::before { border-radius: 6px; } - &.mentioned-Tre-dv { + &.mentioned__58017 { background-color: var(--accent-focused); &::before { background-color: var(--accent); @@ -142,7 +142,7 @@ backdrop-filter: blur(10px); background-color: var(--accent-focused); } } - &.replying-eZ7p5z, &.ephemeral-2nDdnn { + &.replying_d7b6ad, &.ephemeral_c26b64 { background-color: var(--accent-focused); &::before { background-color: var(--accent); diff --git a/src/_flyouts.scss b/src/_flyouts.scss index efe16a1..d784bc2 100644 --- a/src/_flyouts.scss +++ b/src/_flyouts.scss @@ -6,7 +6,7 @@ */ /* Pins/Inbox */ -.messagesPopoutWrap-3zryHW, .container-2ebMPP { +.messagesPopoutWrap_b3b384, .container__20de0 { background: rgba(0, 0, 0, 0.436) !important; backdrop-filter: blur(20px); box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483); @@ -14,43 +14,43 @@ border-radius: 5px; } .theme-light { - .messagesPopoutWrap-3zryHW, .container-2ebMPP { + .messagesPopoutWrap_b3b384, .container__20de0 { background: rgba(231, 234, 237, 0.436) !important; backdrop-filter: blur(20px); box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); border: 1px solid rgba(249, 249, 249, 0.772); border-radius: 5px; } - .tab-TRrPC8 .active-1grPyy .item-3XjbnG selected-g-kMVV .themed-2-lozF { + .tab_a8a066 .active__7e7af .item-3XjbnG selected-g-kMVV .themed-2-lozF { color: white; } } -.header-1w9Q93, .footer-5ji8u1 { +.header_f5cc88, .footer_a3029c { background: rgba(0, 0, 0, 0) !important; } - .channelHeader-DFRX8q { + .channelHeader__5d30c { border-radius: 20px; background: rgba(55, 55, 55, 0); position: inherit; } - .messageContainer-3VTXBC, .messages-23can0, .messageGroupWrapper-1jf_7C { + .messageContainer_aa7d14, .messages_f7999e, .messageGroupWrapper_f8c6e9 { box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483); border: 1px solid var(--surCordBorder); border-radius: 5px; } .theme-light { - .messageContainer-3VTXBC, .messages-23can0, .messageGroupWrapper-1jf_7C { + .messageContainer_aa7d14, .messages_f7999e, .messageGroupWrapper_f8c6e9 { box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); border: 1px solid rgba(249, 249, 249, 0.772); border-radius: 5px; } } - .collapseButton-39-IRc { + .collapseButton_b18eab { left: 6px; } /* Various Popouts */ -.theme-dark .rootWithShadow-2hdL2J, .theme-dark .footerSeparator-3U8YsT { +.theme-dark .rootWithShadow__073a7, .theme-dark .footerSeparator__57d95 { background: rgba(0, 0, 0, 0.436) !important; backdrop-filter: blur(20px); box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483); @@ -59,10 +59,10 @@ } /* Quick Switcher */ -.quickswitcher-pKcM9U { +.quickswitcher_a3d29a { background: rgba(93, 93, 93, 0); } -.scroller-2qwVWY, .input-3r5zZY { +.scroller__52ae7, .input__848cd { background: rgba(93, 93, 93, 0); } @@ -86,18 +86,18 @@ .bodyInnerWrapper-2bQs1k, .footer-3naVBw { background: rgba(0, 0, 0, 0) !important; } - .role-2TIOKu { + .role__631a3 { border: 1px solid var(--surCordBorder); border-radius: 10px; } - .input-2z42oC { + .input__95bc4 { border-radius: 50px; background: rgba(107, 107, 107, 0.392) !important; backdrop-filter: blur(10px); } /* Full User Popout */ -.theme-dark .root-g14mjS, .container-2O1UgZ { +.theme-dark .root_a28985, .container-2O1UgZ { backdrop-filter: blur(20px); box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483); border: 1px solid var(--surCordBorder); @@ -108,7 +108,7 @@ background: rgba(41, 38, 39, 0); } .theme-light { - .theme-dark .root-g14mjS, .container-2O1UgZ { + .theme-dark .root_a28985, .container-2O1UgZ { background: rgba(231, 234, 237, 0.436) !important; backdrop-filter: blur(20px); box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); @@ -117,7 +117,7 @@ } } -div#account.menu-2TXYjN.flexible-3B4jwn.menu-2-eHMB::after { +div#account.menu_dc52c6.flexible__7055b.menu__5cf7f::after { background: none; backdrop-filter: none; box-shadow: none; @@ -125,7 +125,7 @@ div#account.menu-2TXYjN.flexible-3B4jwn.menu-2-eHMB::after { } /* Emoji Menu */ -.contentWrapper-3vHNP2, .popoutContainer-2wbmiM { +.contentWrapper__321ed, .popoutContainer__7b9a3 { background: rgba(0, 0, 0, 0.436); backdrop-filter: blur(10px); box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483); @@ -133,7 +133,7 @@ div#account.menu-2TXYjN.flexible-3B4jwn.menu-2-eHMB::after { border-radius: 5px; } .theme-light { - .contentWrapper-3vHNP2, .popoutContainer-2wbmiM { + .contentWrapper__321ed, .popoutContainer__7b9a3 { background: rgba(226, 221, 225, 0.89); box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); border: 1px solid rgba(249, 249, 249, 0.772); @@ -141,40 +141,40 @@ div#account.menu-2TXYjN.flexible-3B4jwn.menu-2-eHMB::after { border-radius: 5px; } } - .wrapper-3u51GQ .emojiPicker-6YCk8a { + .wrapper__66cd5 .emojiPicker_b65ce9 { background-color: transparent; backdrop-filter: blur(10px); } - .guildSection-2Zyzy8{ + .guildSection_ebda04{ background-color: transparent; } - .header-1ULbqO, .packHeader-w9jpYl { + .header_c3c744, .packHeader__8b804 { border-radius: 20px; background: rgba(55, 55, 55, 0); position: inherit; } - .inspector-DFKXwB, .categoryList-2qRrlj, .categoryList-2GgCrD{ + .inspector__993e1, .categoryList_f8c48f, .categoryList__5dbc1{ background-color: rgba(0, 0, 0, 0); } - .unicodeShortcut-3N8oDe, .standardStickerShortcut-ObSns3 { + .unicodeShortcut__1dd6b, .standardStickerShortcut__5254d { background: rgba(0, 0, 0, 0.933); } .theme-light { - .unicodeShortcut-3N8oDe, .standardStickerShortcut-ObSns3 { + .unicodeShortcut__1dd6b, .standardStickerShortcut__5254d { background: rgba(255, 255, 255, 0.353); backdrop-filter: blur(10px); } } - .button-1zW0-r { + .button__3ecb4 { background-color: var(--accent-selected); backdrop-filter: blur(10px); } /* Context & Status Menus */ -.menu-2TXYjN { +.menu_dc52c6 { background: none; } -.menu-2TXYjN::after { +.menu_dc52c6::after { content: ''; position: absolute; inset: 0; @@ -188,7 +188,7 @@ div#account.menu-2TXYjN.flexible-3B4jwn.menu-2-eHMB::after { } .theme-light { - .menu-2TXYjN::after { + .menu_dc52c6::after { content: ''; position: absolute; inset: 0; @@ -204,7 +204,7 @@ div#account.menu-2TXYjN.flexible-3B4jwn.menu-2-eHMB::after { color: black; } } -.wrapper-2vIMkT { +.wrapper_c727b6 { background: rgba(0, 0, 0, 0.436); backdrop-filter: blur(10px); box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483); @@ -212,7 +212,7 @@ div#account.menu-2TXYjN.flexible-3B4jwn.menu-2-eHMB::after { border-radius: 5px; } .theme-light { - .wrapper-2vIMkT { + .wrapper_c727b6 { background: rgba(226, 221, 225, 0.89); box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); border: 1px solid rgba(249, 249, 249, 0.772); @@ -234,14 +234,14 @@ div#account.menu-2TXYjN.flexible-3B4jwn.menu-2-eHMB::after { border: 1px solid var(--surCordBorder); border-radius: 5px; } -.resultsGroup-cfY57t { +.resultsGroup_ea9b64 { background: rgba(0, 0, 0, 0.436); backdrop-filter: blur(10px); box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483); border: 1px solid var(--surCordBorder); border-radius: 5px; } -.searchOption-3u1gRt:hover, .option-ayUoaq:hover { +.searchOption__41bc5:hover, .option_b5597b:hover { background: var(--accent-selected) !important; border-radius: 4px; } @@ -253,21 +253,21 @@ div#account.menu-2TXYjN.flexible-3B4jwn.menu-2-eHMB::after { border: 1px solid rgba(249, 249, 249, 0.772); border-radius: 5px; } - .resultsGroup-cfY57t { + .resultsGroup_ea9b64 { background: rgba(231, 234, 237, 0.436) !important; backdrop-filter: blur(10px); box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); border: 1px solid rgba(249, 249, 249, 0.772); border-radius: 5px; } - .searchOption-3u1gRt:hover, .option-ayUoaq:hover { + .searchOption__41bc5:hover, .option_b5597b:hover { background: var(--accent-selected) !important; border-radius: 4px; } } /* Search Results */ -.searchResult-O9NDji, .scroller-3iiyhZ { +.searchResult_dcd237, .scroller_c8d5ad { background: rgba(0, 0, 0, 0.436); backdrop-filter: blur(10px); box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483); @@ -278,10 +278,10 @@ div#account.menu-2TXYjN.flexible-3B4jwn.menu-2-eHMB::after { margin-top: 5px; } - .channelName-3w2Y3c, .searchResultsWrap-5RVOkx { + .channelName-3w2Y3c, .searchResultsWrap__9f374 { background: transparent; } - .searchHeader-1r_ZSh { + .searchHeader__19d87 { background: rgba(0, 0, 0, 0.436); backdrop-filter: blur(10px); box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483); @@ -292,11 +292,11 @@ div#account.menu-2TXYjN.flexible-3B4jwn.menu-2-eHMB::after { margin-left: 5px; margin-top: 8px; } - .searchHeader-1r_ZSh:hover { + .searchHeader__19d87:hover { box-shadow: 0 0 2px 3px #4189c38c; } .theme-light { - .searchResult-O9NDji, .scroller-3iiyhZ { + .searchResult_dcd237, .scroller_c8d5ad { background: rgba(231, 234, 237, 0.436) !important; backdrop-filter: blur(10px); box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); @@ -307,10 +307,10 @@ div#account.menu-2TXYjN.flexible-3B4jwn.menu-2-eHMB::after { margin-top: 5px; } - .channelName-3w2Y3c, .searchResultsWrap-5RVOkx { + .channelName-3w2Y3c, .searchResultsWrap__9f374 { background: transparent; } - .searchHeader-1r_ZSh { + .searchHeader__19d87 { background: rgba(231, 234, 237, 0.436) !important; backdrop-filter: blur(10px); box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); @@ -321,7 +321,7 @@ div#account.menu-2TXYjN.flexible-3B4jwn.menu-2-eHMB::after { margin-left: 5px; margin-top: 8px; } - .searchHeader-1r_ZSh:hover { + .searchHeader__19d87:hover { box-shadow: 0 0 2px 3px #4189c38c; } @@ -341,7 +341,7 @@ div#account.menu-2TXYjN.flexible-3B4jwn.menu-2-eHMB::after { background: rgba(0, 0, 0, 0.59); backdrop-filter: blur(10px); } -.container-2rzKKA { +.container__6604b { background: rgba(0, 0, 0, 0.436); backdrop-filter: blur(10px); box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483); @@ -349,7 +349,7 @@ div#account.menu-2TXYjN.flexible-3B4jwn.menu-2-eHMB::after { border-radius: 5px; } .theme-light { - .container-2rzKKA { + .container__6604b { background: rgba(226, 221, 225, 0.89); box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); border: 1px solid rgba(249, 249, 249, 0.772); @@ -357,11 +357,11 @@ div#account.menu-2TXYjN.flexible-3B4jwn.menu-2-eHMB::after { border-radius: 5px; } } - .container-2rzKKA:hover { + .container__6604b:hover { box-shadow: 0 0 3px 1px rgba(26, 127, 251, 0.612) !important; border-radius: 4px; } - .list-3YHPPb, .activeThreadsList-12IFYm { + .list__19127, .activeThreadsList__0cbb4 { background-color: transparent; } @@ -369,12 +369,12 @@ div#account.menu-2TXYjN.flexible-3B4jwn.menu-2-eHMB::after { .footer-31IekZ { background-color: transparent; } -.footerSeparator-3U8YsT { +.footerSeparator__57d95 { border: white solid 0px !important; } /* Notes area */ -.textarea-_59yqs:focus { +.textarea_c5a7a3:focus { background: none !important; } @@ -403,7 +403,7 @@ div#account.menu-2TXYjN.flexible-3B4jwn.menu-2-eHMB::after { .text-PdAsFQ, .subtitle-1cc8Nz, .title-OdeD-o, - .text-sm-medium-3Pz3rB, + .text-sm-medium_bc6ffc, .text-sm-normal-3Zj3Iv, .contents-3ca1mk, .subtitle-bIoUVX, @@ -432,7 +432,7 @@ div#account.menu-2TXYjN.flexible-3B4jwn.menu-2-eHMB::after { .tier2HeaderBackground-2XINxm { background-image: none; } -.directionRow-2Iu2A9 { +.directionRow__2bb0b { left: 0px; } .breadcrumbsWrapper--2LhnQ { @@ -441,9 +441,9 @@ div#account.menu-2TXYjN.flexible-3B4jwn.menu-2-eHMB::after { } /* The World's Shitiest Solution to a Very Simple Problem */ -.layer-2BGhQ8, -.backdrop-2ByYRN, -.withLayer-2VVmpp, -.modal-3Crloo { +.layer_ec16dd, +.backdrop__7e89b, +.withLayer__1fe9d, +.modal_d2e7a7 { z-index: 0; } diff --git a/src/_font.scss b/src/_font.scss index 67975ff..e68983c 100644 --- a/src/_font.scss +++ b/src/_font.scss @@ -6,7 +6,7 @@ @import url("https://rawcdn.githack.com/yurifuko/AppleFontsCSS/63d11c4a50ce8ee001f70870bbe4f2752983848d/Apple-fonts.css"); -code, .codeBlockText-28BOxV, .codeLine-2C-9aH, .markup-eYLPri code.inline, .after_inlineCode-2_JXPm, .before_inlineCode-1zngJj, .inlineCode-ERyvy_ { +code, .codeBlockText__6172e, .codeLine__3797b, .markup_a7e664 code.inline, .after_inlineCode__2197d, .before_inlineCode__37e14, .inlineCode_d702a4 { font-family: "SF Mono",mono,monospace; } diff --git a/src/_friends.scss b/src/_friends.scss index fa17763..9b9a4bb 100644 --- a/src/_friends.scss +++ b/src/_friends.scss @@ -5,12 +5,12 @@ */ /* Friends List Options */ -.tabBar-ra-EuL .item-3mHhwr { +.tabBar__73938 .item_e4ca95 { border-radius: 50px; } /* Friends themselves */ -.peopleListItem-u6dGxF { +.peopleListItem_d14722 { backdrop-filter: blur(20px); box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.483); border: 1px solid var(--surCordBorder); @@ -20,7 +20,7 @@ margin-top: 13px; padding-left: 10px; } -.peopleListItem-u6dGxF:hover { +.peopleListItem_d14722:hover { backdrop-filter: blur(20px); box-shadow: 0 0 3px 1px var(--accent); transition: 0.3s; @@ -31,36 +31,36 @@ margin-bottom: 13px; margin-top: 13px; } -.peopleListItem-u6dGxF.active-2UF8Zh { +.peopleListItem_d14722.active__6b8ff { background: rgba(41, 38, 39, 0.276); margin-top: 13px; border: 1px solid var(--surCordBorder); box-shadow: 0 0 3px 1px var(--accent); border-radius: 5px; } -.peopleListItem-u6dGxF.active-2UF8Zh+.peopleListItem-u6dGxF, .peopleListItem-u6dGxF:hover+.peopleListItem-u6dGxF { +.peopleListItem_d14722.active__6b8ff+.peopleListItem_d14722, .peopleListItem_d14722:hover+.peopleListItem_d14722 { border: 1px solid var(--surCordBorder); } -.actions-YHvpIT { +.actions_c08157 { padding-right: 10px; } -.actionButton-3-B2x- { +.actionButton__23182 { margin-right: 13px; } -.peopleColumn-1wMU14 { +.peopleColumn__51df3 { background: var(--surcordFriendsBackground); border-left: 0.5px solid black; } -.highlight-3DSi7b { +.highlight__5b64b { background-color: var(--accent-selected) !important; } .theme-light { - .peopleColumn-1wMU14 { + .peopleColumn__51df3 { background: var(--background-primary); border-left: 0.5px solid rgba(186, 186, 186, 0.386); } - .peopleListItem-u6dGxF { + .peopleListItem_d14722 { background: rgba(226, 221, 225, 0.89); box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); border: 1px solid rgba(249, 249, 249, 0.772); @@ -70,22 +70,22 @@ margin-top: 13px; padding-left: 10px; } - .peopleListItem-u6dGxF:hover, .peopleListItem-u6dGxF.active-2UF8Zh { + .peopleListItem_d14722:hover, .peopleListItem_d14722.active__6b8ff { box-shadow: 0 0 3px 1px var(--accent); } .side-2ur1Qk .themed-2-lozF.selected-g-kMVV.item-3XjbnG, .topPill-3DJJNV .themed-2-lozF.selected-g-kMVV.item-3XjbnG, - .interactiveSelected-29CP8y, - .interactiveSelected-29CP8y .linkButtonIcon-7rsZcu { + .interactiveSelected_ec846b, + .interactiveSelected_ec846b .linkButtonIcon__2f35b { color: white; } - .peopleListItem-u6dGxF.active-2UF8Zh+.peopleListItem-u6dGxF, .peopleListItem-u6dGxF:hover+.peopleListItem-u6dGxF { + .peopleListItem_d14722.active__6b8ff+.peopleListItem_d14722, .peopleListItem_d14722:hover+.peopleListItem_d14722 { border: 1px solid rgba(249, 249, 249, 0.772); } } /* Active Now */ -.itemCard-3Etziu { +.itemCard__1f162 { backdrop-filter: blur(20px); box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.483); border: 1px solid var(--surCordBorder); @@ -95,13 +95,13 @@ margin-top: 13px; padding-left: 10px; } -.section-3G9aLW:only-child { +.section_efc22d:only-child { border: 1px solid var(--surCordBorder); box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.483); } .theme-light { - .itemCard-3Etziu { + .itemCard__1f162 { background: rgba(216, 215, 216, 0.89); box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); border: 1px solid rgba(249, 249, 249, 0.772); @@ -110,14 +110,14 @@ margin-top: 13px; padding-left: 10px; } - .section-3G9aLW:only-child { + .section_efc22d:only-child { background: rgba(226, 221, 225, 0.89); box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); border: 1px solid rgba(249, 249, 249, 0.772); backdrop-filter: blur(10px); } } -.itemCard-3Etziu:hover { +.itemCard__1f162:hover { backdrop-filter: blur(20px); box-shadow: 0 0 3px 1px rgba(26, 127, 251, 0.487); border-radius: 10px; @@ -130,10 +130,10 @@ } /* Add Friend Text Box*/ -.addFriendInputWrapper-kkoSV9 .inputDefault-3FGxgL { +.addFriendInputWrapper__4bf8e .inputDefault-3FGxgL { border: 1px solid rgba(97, 96, 99, 0); } -.addFriendInputWrapper-kkoSV9 { +.addFriendInputWrapper__4bf8e { backdrop-filter: blur(20px); box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.483); border: 1px solid var(--surCordBorder); diff --git a/src/_guilds.scss b/src/_guilds.scss index 2dec884..08c055d 100644 --- a/src/_guilds.scss +++ b/src/_guilds.scss @@ -4,102 +4,102 @@ /////////////////////// */ .theme-dark { - .guilds-2JjMmN .scroller-3X7KbA, - .wrapper-1_HaEi { + .guilds__2b93a .scroller__3d071, + .wrapper_a7e7a8 { background-color: var(--surCordGuilds); } - .platform-osx .unreadMentionsIndicatorTop-2bTgUU .unreadMentionsBar-ZXXoOH, - .unreadMentionsIndicatorBottom-3RJMnQ .unreadMentionsBar-ZXXoOH, - .unreadMentionsIndicatorTop-2bTgUU .unreadMentionsBar-ZXXoOH { + .platform-osx .unreadMentionsIndicatorTop_ada847 .unreadMentionsBar__0d02a, + .unreadMentionsIndicatorBottom_fdb943 .unreadMentionsBar__0d02a, + .unreadMentionsIndicatorTop_ada847 .unreadMentionsBar__0d02a { background: linear-gradient(rgb(44, 192, 90), rgb(45, 179, 87)); backdrop-filter: blur(5px); } - .expandedFolderBackground-1kSAf6 { + .expandedFolderBackground__1bec6 { backdrop-filter: blur(20px); box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483); border: 1px solid var(--surCordBorder); border-radius: 15px; background: rgba(41, 38, 39, 0.276); } - .closedFolderIconWrapper-3tRb2d { + .closedFolderIconWrapper__7321f { backdrop-filter: blur(20px); box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483); border: 1px solid var(--surCordBorder); border-radius: 15px; background: rgba(41, 38, 39, 0.276); } - .expandedFolderBackground-1kSAf6.collapsed-uGXEbi, - .expandedFolderBackground-1kSAf6.collapsed-uGXEbi.hover-3m7-WT { + .expandedFolderBackground__1bec6.collapsed__0a270, + .expandedFolderBackground__1bec6.collapsed__0a270.hover__043de { display: none; } - .folder-241Joy, - .folder-241Joy:hover { + .folder__17546, + .folder__17546:hover { background-color: #00000000; } - .item-2LIpTv { + .item_f9d377 { width: 8px; border-radius: 5px 5px 5px 5px; margin-left: 0px; background-color: rgb(145, 138, 152); } - .circleIconButton-1VxDrg { + .circleIconButton_d8df29 { backdrop-filter: blur(20px); border: 1px solid var(--surCordBorder); border-radius: 15px; background: rgba(39, 38, 41, 0.276); color: var(--accent-selected); } - .circleIconButton-1VxDrg:hover { + .circleIconButton_d8df29:hover { background: rgba(99, 81, 199, 0.276); color: var(--accent-selected); } } .theme-light { - .guilds-2JjMmN .scroller-3X7KbA, - .wrapper-1_HaEi { + .guilds__2b93a .scroller__3d071, + .wrapper_a7e7a8 { background-color: rgb(225, 225, 225); } - .platform-osx .unreadMentionsIndicatorTop-2bTgUU .unreadMentionsBar-ZXXoOH, - .unreadMentionsIndicatorBottom-3RJMnQ .unreadMentionsBar-ZXXoOH { + .platform-osx .unreadMentionsIndicatorTop_ada847 .unreadMentionsBar__0d02a, + .unreadMentionsIndicatorBottom_fdb943 .unreadMentionsBar__0d02a { background: linear-gradient(rgb(44, 192, 90), rgb(45, 179, 87)); } - .expandedFolderBackground-1kSAf6 { + .expandedFolderBackground__1bec6 { backdrop-filter: blur(20px); background: rgba(226, 221, 225, 0.89); box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); border: 1px solid rgba(249, 249, 249, 0.772); border-radius: 15px; } - .closedFolderIconWrapper-3tRb2d { + .closedFolderIconWrapper__7321f { backdrop-filter: blur(20px); box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483); border: 1px solid rgb(186, 186, 186); border-radius: 15px; background: rgba(207, 222, 222, 0.276); } - .expandedFolderBackground-1kSAf6.collapsed-uGXEbi, - .expandedFolderBackground-1kSAf6.collapsed-uGXEbi.hover-3m7-WT { + .expandedFolderBackground__1bec6.collapsed__0a270, + .expandedFolderBackground__1bec6.collapsed__0a270.hover__043de { display: none; } - .folder-241Joy, - .folder-241Joy:hover { + .folder__17546, + .folder__17546:hover { background-color: #00000000; } - .item-2LIpTv { + .item_f9d377 { width: 8px; border-radius: 5px 5px 5px 5px; margin-left: 0px; background-color: rgb(145, 138, 152); } - .circleIconButton-1VxDrg { + .circleIconButton_d8df29 { background: rgba(231, 234, 237, 0.436) !important; backdrop-filter: blur(20px); border: 1px solid rgb(186, 186, 186); border-radius: 15px; color: var(--accent-selected); } - .circleIconButton-1VxDrg:hover { + .circleIconButton_d8df29:hover { background: rgba(99, 81, 199, 0.276); color: var(--accent-selected); } diff --git a/src/_modules.scss b/src/_modules.scss index 63bd4c1..f6092e2 100644 --- a/src/_modules.scss +++ b/src/_modules.scss @@ -34,7 +34,7 @@ */ /* LUCKFIRE - macOS Title Bar - LICENSE https://github.com/discord-extensions/macos-titlebar/blob/master/LICENSE */ -.platform-win .typeWindows-3ILlhq { +.platform-win .typeWindows__5fa63 { z-index: 102; position: absolute; flex-direction: row; @@ -47,7 +47,7 @@ padding-left: 3px; -webkit-app-region: drag; } -.platform-win .typeWindows-3ILlhq .wordmark-3wYFg6 { +.platform-win .typeWindows__5fa63 .wordmark__0d178 { top: 11px; left: 11px; width: 52px; @@ -55,10 +55,10 @@ padding: 0; -webkit-app-region: no-drag; } -.platform-win .typeWindows-3ILlhq .wordmark-3wYFg6 g { +.platform-win .typeWindows__5fa63 .wordmark__0d178 g { display: none; } -.platform-win .typeWindows-3ILlhq .winButton-3SigSb { +.platform-win .typeWindows__5fa63 .winButton__88672 { width: 12px; height: 12px; margin-left: 8px; @@ -67,64 +67,64 @@ background-size: 0; -webkit-app-region: no-drag; } -.platform-win .typeWindows-3ILlhq .winButton-3SigSb svg { +.platform-win .typeWindows__5fa63 .winButton__88672 svg { display: none; } -.platform-win.app-focused .typeWindows-3ILlhq:hover div.winButton-3SigSb { +.platform-win.app-focused .typeWindows__5fa63:hover div.winButton__88672 { background-position: center; background-size: 100%; background-repeat: no-repeat; } -.platform-win.app-focused .typeWindows-3ILlhq .winButtonClose-23zAIt { +.platform-win.app-focused .typeWindows__5fa63 .winButtonClose__73489 { background-color: #ff5c57; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuMjkyODkgNkwyLjgxODAxIDMuNTI1MTNMMy41MjUxMiAyLjgxODAyTDUuOTk5OTkgNS4yOTI4OUw4LjQ3NDg3IDIuODE4MDJMOS4xODE5NyAzLjUyNTEzTDYuNzA3MSA2TDkuMTgxOTcgOC40NzQ4N0w4LjQ3NDg3IDkuMTgxOThMNS45OTk5OSA2LjcwNzExTDMuNTI1MTIgOS4xODE5OEwyLjgxODAxIDguNDc0ODdMNS4yOTI4OSA2WiIgZmlsbD0iI0EyMDAwOCIvPgo8L3N2Zz4=); } -.platform-win.app-focused .typeWindows-3ILlhq .winButtonMinMax-nT2Irc:nth-child(2n) { +.platform-win.app-focused .typeWindows__5fa63 .winButtonMinMax__72f36:nth-child(2n) { background-color: #fdbd3d; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDUuMzk5OTlIMlY2LjU5OTk5SDEwVjUuMzk5OTlaIiBmaWxsPSIjQjM3MTFBIi8+Cjwvc3ZnPg==); } -.platform-win.app-focused .typeWindows-3ILlhq .winButtonMinMax-nT2Irc:nth-child(3n) { +.platform-win.app-focused .typeWindows__5fa63 .winButtonMinMax__72f36:nth-child(3n) { order: 3; background-color: #26c84b; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMzkyOTMgMy4wMDg5M0wzLjAwODg3IDcuMzkyOTlMMi44MTc5NSAyLjgxODAxTDcuMzkyOTMgMy4wMDg5M1oiIGZpbGw9IiMwMjZBMTUiLz4KPHBhdGggZD0iTTQuNjA2OTUgOC45OTEwMUw4Ljk5MTAxIDQuNjA2OTVMOS4xODE5MyA5LjE4MTkzTDQuNjA2OTUgOC45OTEwMVogIiBmaWxsPSIjMDI2QTE1Ii8+Cjwvc3ZnPg==); } -.guilds-2JjMmN { +.guilds__2b93a { margin-top: 29px; } -.notice-2HEN-u { +.notice__5fd4c { z-index: 104; -webkit-app-region: no-drag; } -.platform-win .sidebar-1tnWFu { +.platform-win .sidebar_ded4b5 { border-radius: 0; } -.platform-win .sidebar-1tnWFu .header-3OsQeK, .platform-win .sidebar-1tnWFu .searchBar-3TnChZ { +.platform-win .sidebar_ded4b5 .header__104ca, .platform-win .sidebar_ded4b5 .searchBar_e4ea2a { z-index: 103; } -.platform-win .sidebar-1tnWFu .header-3OsQeK, .platform-win .sidebar-1tnWFu .searchBarComponent-3N7dCG { +.platform-win .sidebar_ded4b5 .header__104ca, .platform-win .sidebar_ded4b5 .searchBarComponent__22760 { -webkit-app-region: no-drag; } -.platform-win .sidebar-1tnWFu .searchBar-3TnChZ { +.platform-win .sidebar_ded4b5 .searchBar_e4ea2a { -webkit-app-region: drag; } -.chat-9g_3Xj { +.chat__52833 { z-index: 103; } -.chat-9g_3Xj .container-ZMc96U { +.chat__52833 .container__11d72 { -webkit-app-region: drag; } -.chat-9g_3Xj .container-ZMc96U .topic-11NuQZ, .chat-9g_3Xj .container-ZMc96U .title-17SveM, .chat-9g_3Xj .container-ZMc96U .nicknames-10Sg6e { +.chat__52833 .container__11d72 .topic__16ae3, .chat__52833 .container__11d72 .title__9e2b0, .chat__52833 .container__11d72 .nicknames__7447d { -webkit-app-region: no-drag; } /* TROPICAL - CHECKBOXES - SLATE THEME - https://github.com/DiscordStyles/Slate/blob/master/LICENSE.md */ /* epic */ -#app-mount .container-1QtPKm, .input-125oad, -#app-mount .container-1QtPKm, .input-125oad, +#app-mount .container__871ba, .input_be50d1, +#app-mount .container__871ba, .input_be50d1, #app-mount .checkboxWrapper-2fDzaA .input-2XRLou, #app-mount .checkboxWrapper-2fDzaA .input-3xr72x { margin: 0; @@ -136,7 +136,7 @@ -webkit-appearance: checkbox; appearance: checkbox; } -#app-mount .container-1QtPKm, +#app-mount .container__871ba, #app-mount .checkboxWrapper-2fDzaA { width: auto; border-radius: 0; @@ -150,8 +150,8 @@ input[type="checkbox"] { accent-color: var(--accent); } -#app-mount .container-1QtPKm .slider-HJFN2i, -#app-mount .checkboxWrapper-2fDzaA .slider-HJFN2i { +#app-mount .container__871ba .slider__41d94, +#app-mount .checkboxWrapper-2fDzaA .slider__41d94 { display: none; } .theme-dark .checkbox-f1HnKB { @@ -167,7 +167,7 @@ input[type="checkbox"] { .powercord-product-header h4 { font-size: 16px; } -.powercord-product .divider-3LgWDL { +.powercord-product .divider__09722 { display: none; } .description, @@ -220,8 +220,8 @@ input[type="checkbox"] { --brand-experiment-500: var(--accent-selected); --brand-experiment-560: var(--accent-selected); - .clickable-ZD7xvu .icon-2xnN2Y, - .linkButtonIcon-7rsZcu { + .clickable_d23a1a .icon__4cb88, + .linkButtonIcon__2f35b { color: var(--accent); } } @@ -232,33 +232,33 @@ input[type="checkbox"] { } /* Scrollbars */ -.scroller-kQBbkU, +.scroller__1f96e, .auto-2K3UW5, -.peopleColumn-1wMU14 { +.peopleColumn__51df3 { &::-webkit-scrollbar-track { background-color: transparent; } } -.scroller-kQBbkU, +.scroller__1f96e, .auto-2K3UW5, -.thin-31rlnD, -.peopleColumn-1wMU14 { +.thin_b1c063, +.peopleColumn__51df3 { &::-webkit-scrollbar-thumb { background-color: rgb(139, 139, 139); } } /* Explore public servers */ -.theme-dark .pageWrapper-2PwDoS { +.theme-dark .pageWrapper_fef757 { background-color: var(--surCordBackground2); } -.theme-light .pageWrapper-2PwDoS { +.theme-light .pageWrapper_fef757 { background-color: rgb(225, 225, 225); } /* Server home page */ -.theme-dark .background-fkKrXt { +.theme-dark .background_e80d5a { background-color: var(--surCordBackground); } @@ -273,7 +273,7 @@ input[type="checkbox"] { } /* Add surCord Branding */ -.info-3pQQBb > span:first-child::after { +.info__755e1 > span:first-child::after { content: "\asurCord 04.2023"; color: var(--text-muted); white-space: pre; diff --git a/src/_settings.scss b/src/_settings.scss index 603d4fd..43fa6bd 100644 --- a/src/_settings.scss +++ b/src/_settings.scss @@ -5,14 +5,14 @@ */ /* Account Profile Card */ -.accountProfileCard-lbN7n-, .profileBannerPreview-3mLIdO { +.accountProfileCard__22589, .profileBannerPreview-3mLIdO { background: rgba(0, 0, 0, 0.436); box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483); border: 1px solid var(--surCordBorder); border-radius: 5px; } .theme-light { - .accountProfileCard-lbN7n-, .profileBannerPreview-3mLIdO { + .accountProfileCard__22589, .profileBannerPreview-3mLIdO { background: rgba(226, 221, 225, 0.89); box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); border: 1px solid rgba(249, 249, 249, 0.772); @@ -20,17 +20,17 @@ border-radius: 5px; } } -.fieldList-in8WkP, .background-3d_SjE { +.fieldList_aab0de, .background_b61fcc { background-color: transparent; } /* left Side bar */ -.sidebarRegion-1VBisG { +.sidebarRegion__60457 { border-right: .5px solid black; } .theme-light { - .sidebarRegion-1VBisG { + .sidebarRegion__60457 { border-right: .5px solid rgba(186, 186, 186, 0.386); .selected-g-kMVV.item-3XjbnG, .selected-g-kMVV.item-3XjbnG:hover { color: white; @@ -46,7 +46,7 @@ /* Search Feilds */ - .powercord-entities-manage-search input, .inner-1NoIT5 { + .powercord-entities-manage-search input, .inner__178b2 { background-color: rgb(53, 51, 55); border-radius: 4px; border: 1px solid rgb(97, 96, 99); @@ -55,7 +55,7 @@ box-shadow: 0 0 3px 3px var(--accent-hover); } .theme-light { - .powercord-entities-manage-search input, .inner-1NoIT5 { + .powercord-entities-manage-search input, .inner__178b2 { background: rgba(226, 221, 225, 0.89); box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); border: 1px solid rgba(249, 249, 249, 0.772); @@ -97,7 +97,7 @@ } /* Buttons */ -.app-2CXKsg button, .lookFilled-yCfaCM.colorYellow-Pgtmch { +.app__00c92 button, .lookFilled-yCfaCM.colorYellow-Pgtmch { border-radius: 50px; } @@ -118,7 +118,7 @@ border-radius: 5px; } .theme-light { - .kernel-card, .kernel-card .kernel-card-tools, .ksu-card, .ksu-card .ksu-git-info .ksu-git-info-item, .layers-OrUESM .layers-1YQhyW { + .kernel-card, .kernel-card .kernel-card-tools, .ksu-card, .ksu-card .ksu-git-info .ksu-git-info-item, .layers_a40797 .layers__12c9f { background: rgba(231, 234, 237, 0.436) !important; backdrop-filter: blur(20px); box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); diff --git a/src/_sidebars.scss b/src/_sidebars.scss index 9fa9dd3..a93886a 100644 --- a/src/_sidebars.scss +++ b/src/_sidebars.scss @@ -5,27 +5,27 @@ */ /* Discord Logo */ -.wrapper-3kah-n.selected-1Drb7Z .childWrapper-1j_1ub, .wrapper-3kah-n:hover .childWrapper-1j_1ub { +.wrapper_d281dd.selected_f5ec8e .childWrapper__01b9c, .wrapper_d281dd:hover .childWrapper__01b9c { background-color: var(--accent); } /* Channel Bars */ -.content-1jQy2l { +.content__1a4fe { border-left: .5px solid black; } .theme-light { -.item-3XjbnG .selected-g-kMVV .channelName-3KPsGw, .modeSelected-3DmyhH .channelName-3KPsGw { +.item-3XjbnG .selected-g-kMVV .channelName-3KPsGw, .modeSelected__487d6 .channelName-3KPsGw { color: white; } -.content-1jQy2l { +.content__1a4fe { border-left: .5px solid rgba(186, 186, 186, 0.386); } } /* User Settings + VC Controls -- Fix by Lucism & Domi */ -.panels-3wFtMD { +.panels__58331 { border-radius: 20px; margin-bottom: 18px; margin-right: 5px; @@ -37,7 +37,7 @@ } .theme-light { - .panels-3wFtMD { + .panels__58331 { background: rgba(226, 221, 225, 0.89); box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); border: 1px solid rgba(249, 249, 249, 0.772); @@ -49,87 +49,87 @@ } } -.interactiveSelected-29CP8y { +.interactiveSelected_ec846b { background: var(--accent-selected) !important; backdrop-filter: blur(20px); } -.withTagAsButton-OsgQ9L:hover, .withTagless-10ooWt:hover { +.withTagAsButton_cc125f:hover, .withTagless__98b7d:hover { border-radius: 16px; } -.container-1zzFcN, .container-YkUktl { +.container_d667ff, .container_ca50b9 { border-radius: 20px; } -.container-1CH86i, .container-1CH86i .avatar-19siqs { +.container_ca50b9, .container_ca50b9 .avatar_f8541f { border-radius: 20px; } -.theme-dark .container-YkUktl { +.theme-dark .container_ca50b9 { background: rgba(0, 0, 0, 0); } -.avatar-1EWyVD { +.avatar_f8541f { left: .7px; } /* Channels */ -.modeSelected-3DmyhH .icon-2W8DHg, .modeSelected-3DmyhH:hover .icon-2W8DHg, .modeUnread-3Cxepe .icon-2W8DHg, .modeUnread-3Cxepe:hover .icon-2W8DHg, .mainContent-uDGa6R .overflow-1wOqNV, .mainContent-uDGa6R { +.modeSelected__487d6 .icon_eff5d4, .modeSelected__487d6:hover .icon_eff5d4, .modeUnread_f74c03 .icon_eff5d4, .modeUnread_f74c03:hover .icon_eff5d4, .mainContent_a0b319 .overflow__87fe8, .mainContent_a0b319 { color: white; } -.iconContainer-21RCa3[aria-label="Text (Age-Restricted)"]>svg { +.iconContainer__3f9b0[aria-label="Text (Age-Restricted)"]>svg { color: #ff5252 !important; } -.icon-2W8DHg, .modeSelected-3DmyhH .content-1gYQeQ, .modeSelected-3DmyhH:hover .content-1gYQeQ { +.icon_eff5d4, .modeSelected__487d6 .wrapper__7bcde, .modeSelected__487d6:hover .wrapper__7bcde { color: var(--accent); } -.modeSelected-3DmyhH .content-1gYQeQ, .modeSelected-3DmyhH:hover .content-1gYQeQ { +.modeSelected__487d6 .wrapper__7bcde, .modeSelected__487d6:hover .wrapper__7bcde { background-color: var(--accent) !important; } -.modeUnread-3Cxepe .icon-2W8DHg { +.modeUnread_f74c03 .icon_eff5d4 { color: rgb(44, 192, 90); } -.actionIcon-2sw4Sl { +.actionIcon_d679b5 { color: rgb(255, 255, 255); } -.addButtonIcon-3rJeaD { +.addButtonIcon_b776b3 { border-radius: 50%; color: rgb(44, 192, 90); } -.unreadRelevant-2f-VSK { +.unreadRelevant__44f9e { background: linear-gradient(rgb(44, 192, 90), rgb(45, 179, 87)) ; width: 8px; border-radius: 5px 5px 5px 5px; } .theme-light { - .mainContent-uDGa6R .overflow-1wOqNV { + .mainContent_a0b319 .overflow__87fe8 { color:black; } } /* Members Side Bar */ -.membersWrap-3NUR2t { +.membersWrap__90226 { border-left: .5px solid rgb(0, 0, 0); } .theme-light { - .membersWrap-3NUR2t { + .membersWrap__90226 { border-left: .5px solid rgba(186, 186, 186, 0.386); } } /* Voice Chat Controls */ -.buttonContents-y1l-R8 { +.buttonContents__387ff { font-size: 0px; } -.buttonIcon-2Zsrs2.withText-2iJppd { +.buttonIcon__80d32.withText__66931 { margin-right: 0px; } /* User Area */ -.avatarWrapper-1B9FTW { +.avatarWrapper_ba5175 { margin-right: 0px; } diff --git a/src/_titlebar.scss b/src/_titlebar.scss index 889ffbb..129b7d8 100644 --- a/src/_titlebar.scss +++ b/src/_titlebar.scss @@ -7,75 +7,75 @@ /* Title Bar */ .theme-dark { -.container-ZMc96U.themed-Hp1KC_, .header-3OsQeK { +.container__11d72.themed_b152d4, .header__104ca { background: var(--surCordTitleBar); border-bottom: .5px solid black; } - .communityInfoVisible-3zc5_s .header-3OsQeK, .communityInfoVisible-3zc5_s .header-3OsQeK:hover, .hasBanner-2IrYih .header-3OsQeK, .hasBanner-2IrYih .header-3OsQeK:hover { + .communityInfoVisible_b0482d .header__104ca, .communityInfoVisible_b0482d .header__104ca:hover, .hasBanner_e78601 .header__104ca, .hasBanner_e78601 .header__104ca:hover { border-bottom: .5px solid rgba(0, 0, 0, 0); background-color: transparent !important; } - .communityInfoPill-2Mll66 { + .communityInfoPill_d3f445 { display: none; } - .children-3xh0VB:after { + .children__32014:after { background: rgba(0, 0, 0, 0); } - .title-17SveM { + .title__9e2b0 { font-weight: 750; } } .theme-light { - .container-ZMc96U.themed-Hp1KC_, .header-3OsQeK{ + .container__11d72.themed_b152d4, .header__104ca{ background: rgba(231, 234, 237) !important; border-bottom: .5px solid rgba(186, 186, 186, 0.386); } - .communityInfoVisible-3zc5_s .header-3OsQeK, .communityInfoVisible-3zc5_s .header-3OsQeK:hover, .hasBanner-2IrYih .header-3OsQeK, .hasBanner-2IrYih .header-3OsQeK:hover { + .communityInfoVisible_b0482d .header__104ca, .communityInfoVisible_b0482d .header__104ca:hover, .hasBanner_e78601 .header__104ca, .hasBanner_e78601 .header__104ca:hover { border-bottom: .5px solid rgba(0, 0, 0, 0); background-color: transparent !important; } - .communityInfoPill-2Mll66 { + .communityInfoPill_d3f445 { display: none; } - .children-3xh0VB:after { + .children__32014:after { background: rgba(0, 0, 0, 0); } - .title-17SveM { + .title__9e2b0 { font-weight: 750; color: rgba(73, 73, 73); } - .clickable-ZD7xvu .icon-2xnN2Y { + .clickable_d23a1a .icon__4cb88 { color: rgba(115, 115, 115); } } - .searchBar-3TnChZ { + .searchBar_e4ea2a { border-right: .5px solid black; } .theme-light { -.searchBar-3TnChZ { +.searchBar_e4ea2a { border-right: .5px solid rgba(186, 186, 186, 0.386) } } /* Search and other Text fields */ .theme-dark { -.searchBar-jGtisZ, .searchBar-3TnChZ .searchBarComponent-3N7dCG, .inner-2pOSmK, .wrapper-n2dlvs, .searchBar-2M9mRP, .input-2z42oC { +.searchBar_e0c60b, .searchBar_e4ea2a .searchBarComponent__22760, .inner__999f6, .wrapper_dcecd7, .searchBar__8f956, .input__95bc4 { background-color: var(--surCordSearch); border-radius: 4px; border: 1px solid var(--surCordBorder); } -.searchBar-jGtisZ:hover, .searchBar-3TnChZ .searchBarComponent-3N7dCG:hover, .wrapper-n2dlvs:hover, .inner-2pOSmK:hover, .searchBar-2M9mRP:hover, .input-2z42oC:hover, .searchBar-2aylmZ:hover { +.searchBar_e0c60b:hover, .searchBar_e4ea2a .searchBarComponent__22760:hover, .wrapper_dcecd7:hover, .inner__999f6:hover, .searchBar__8f956:hover, .input__95bc4:hover, .searchBar_ff8800:hover { box-shadow: 0 0 3px 3px var(--accent-focused); } } .theme-light { - .searchBar-jGtisZ, .searchBar-3TnChZ .searchBarComponent-3N7dCG, .inner-2pOSmK, .wrapper-n2dlvs, .searchBar-2M9mRP, .input-2z42oC { + .searchBar_e0c60b, .searchBar_e4ea2a .searchBarComponent__22760, .inner__999f6, .wrapper_dcecd7, .searchBar__8f956, .input__95bc4 { background-color: rgb(238, 238, 238); border-radius: 4px; border: 1px solid rgb(217, 217, 217); } - .searchBar-jGtisZ:hover, .searchBar-3TnChZ .searchBarComponent-3N7dCG:hover, .wrapper-n2dlvs:hover, .inner-2pOSmK:hover, .searchBar-2M9mRP:hover, .input-2z42oC:hover, .searchBar-2aylmZ:hover { + .searchBar_e0c60b:hover, .searchBar_e4ea2a .searchBarComponent__22760:hover, .wrapper_dcecd7:hover, .inner__999f6:hover, .searchBar__8f956:hover, .input__95bc4:hover, .searchBar_ff8800:hover { box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); } }