diff --git a/Themes/BasicBackground/BasicBackground.css b/Themes/BasicBackground/BasicBackground.css index b721e8f486..71a3c8e5ab 100644 --- a/Themes/BasicBackground/BasicBackground.css +++ b/Themes/BasicBackground/BasicBackground.css @@ -218,11 +218,11 @@ html { body, /* body */ #app-mount .app_b1f720, /* app container */ -#app-mount .app__00c92, /* app inner */ +#app-mount .app_de4237, /* app inner */ #app-mount .loading__30066, /* app i18n loading */ #app-mount .wrapper__246a1, /* app errorscreen */ -#app-mount .bg__7adbf, /* app background */ -#app-mount .layer_e552e0, /* layer container */ +#app-mount .bg__12180, /* app background */ +#app-mount .layer__2efaa, /* layer container */ #app-mount .container_b2ce9c, /* layer container */ #app-mount .container__590e2, /* channels inner */ #app-mount .privateChannels__93473, /* dmchannels */ @@ -313,14 +313,14 @@ body::before { body::after { backdrop-filter: blur(var(--backgroundblur)); } -.layer_e552e0 { +.layer__2efaa { z-index: 1000; } .container__4bde3::before, -.layer_e552e0 ~ .layer_e552e0::before, +.layer__2efaa ~ .layer__2efaa::before, .root__6d24f::before, .container__4bde3::after, -.layer_e552e0 ~ .layer_e552e0::after, +.layer__2efaa ~ .layer__2efaa::after, .root__6d24f::after { content: ""; position: absolute; @@ -332,13 +332,13 @@ body::after { z-index: -1; } .container__4bde3::before, -.layer_e552e0 ~ .layer_e552e0::before, +.layer__2efaa ~ .layer__2efaa::before, .root__6d24f::before { background: var(--background) var(--backgroundposition)/var(--backgroundsize); background-attachment: fixed; } .container__4bde3::after, -.layer_e552e0 ~ .layer_e552e0::after, +.layer__2efaa ~ .layer__2efaa::after, .root__6d24f::after { background-color: rgba(var(--transparencycolor), var(--transparencyalpha)); backdrop-filter: blur(var(--backgroundblur)); @@ -2313,7 +2313,7 @@ button.button__4f306.enabled__470f0:hover svg { #app-mount .pageWrapper-1x6lGh { /* unihub container */ color: var(--header-primary); } -#app-mount .pageWrapper_fef757 .searchBox-31Zv9h, /* guilddiscovery searchbox */ +#app-mount .pageWrapper_fef757 .searchBox__88a98, /* guilddiscovery searchbox */ #app-mount .pageWrapper-1x6lGh .searchBox_bf114a { /* unihub searchbox */ background-color: #fff; } @@ -7383,7 +7383,7 @@ html .typingindicator-folder { /* ~~~~ 19. UPDATENOTICE ~~~~ */ -html:only-child > head + body div.app_b1f720 > div.app__00c92::before { +html:only-child > head + body div.app_b1f720 > div.app_de4237::before { content: "Your Version of BasicBackground by DevilBro is outdated. Please download the newest Version: https://mwittrien.github.io/downloader/?theme=BasicBackground" !important; display: var(--version1_0_5, block) !important; background-color: #4a90e2 !important; @@ -7488,7 +7488,7 @@ html:only-child > head + body div.typeWindows__5fa63.titleBar__01af6:hover > div opacity: 1 !important; } -html:only-child > head + body div.app_b1f720 > div.app__00c92 > div.layers_a40797.layers__12c9f > div.layer_e552e0.baseLayer__13b6b + div.layer_e552e0 > div.standardSidebarView__1129a::after { +html:only-child > head + body div.app_b1f720 > div.app_de4237 > div.layers__1c917.layers_a23c37 > div.layer__2efaa.baseLayer__8fda3 + div.layer__2efaa > div.standardSidebarView__1129a::after { content: url('data:image/svg+xml; utf8, ') !important; display: inline !important; position: absolute !important; @@ -7505,10 +7505,10 @@ html:only-child > head + body div.app_b1f720 > div.app__00c92 > div.layers_a4079 pointer-events: none !important; z-index: -1 !important; } -html:only-child > head + body div.app_b1f720 > div.app__00c92 > div.layers_a40797.layers__12c9f > div.layer_e552e0.baseLayer__13b6b + div.layer_e552e0 > div.standardSidebarView__1129a > div.sidebarRegion__60457 > div.sidebarRegionScroller__1fa7e.thin_b1c063.scrollerBase_dc3aa9.fade_ba0fa0 > nav.sidebar__9e3e2 > div.side_b4b3f6 > div.info__755e1 { +html:only-child > head + body div.app_b1f720 > div.app_de4237 > div.layers__1c917.layers_a23c37 > div.layer__2efaa.baseLayer__8fda3 + div.layer__2efaa > div.standardSidebarView__1129a > div.sidebarRegion__60457 > div.sidebarRegionScroller__1fa7e.thin_b1c063.scrollerBase_dc3aa9.fade_ba0fa0 > nav.sidebar__9e3e2 > div.side_b4b3f6 > div.info__755e1 { position: relative !important; } -html:only-child > head + body div.app_b1f720 > div.app__00c92 > div.layers_a40797.layers__12c9f > div.layer_e552e0.baseLayer__13b6b + div.layer_e552e0 > div.standardSidebarView__1129a > div.sidebarRegion__60457 > div.sidebarRegionScroller__1fa7e.thin_b1c063.scrollerBase_dc3aa9.fade_ba0fa0 > nav.sidebar__9e3e2 > div.side_b4b3f6 > div.info__755e1::after { +html:only-child > head + body div.app_b1f720 > div.app_de4237 > div.layers__1c917.layers_a23c37 > div.layer__2efaa.baseLayer__8fda3 + div.layer__2efaa > div.standardSidebarView__1129a > div.sidebarRegion__60457 > div.sidebarRegionScroller__1fa7e.thin_b1c063.scrollerBase_dc3aa9.fade_ba0fa0 > nav.sidebar__9e3e2 > div.side_b4b3f6 > div.info__755e1::after { content: "BasicBackground by" !important; font-size: 12px !important; color: var(--text-muted) !important; @@ -7527,7 +7527,7 @@ html:only-child > head + body div.app_b1f720 > div.app__00c92 > div.layers_a4079 transform: unset !important; animation: unset !important; } -html:only-child > head + body div.app_b1f720 > div.app__00c92 > div.layers_a40797.layers__12c9f > div.layer_e552e0.baseLayer__13b6b + div.layer_e552e0 > div.standardSidebarView__1129a > div.sidebarRegion__60457 > div.sidebarRegionScroller__1fa7e.thin_b1c063.scrollerBase_dc3aa9.fade_ba0fa0 > nav.sidebar__9e3e2 > div.side_b4b3f6 > div.info__755e1::before { +html:only-child > head + body div.app_b1f720 > div.app_de4237 > div.layers__1c917.layers_a23c37 > div.layer__2efaa.baseLayer__8fda3 + div.layer__2efaa > div.standardSidebarView__1129a > div.sidebarRegion__60457 > div.sidebarRegionScroller__1fa7e.thin_b1c063.scrollerBase_dc3aa9.fade_ba0fa0 > nav.sidebar__9e3e2 > div.side_b4b3f6 > div.info__755e1::before { content: "DevilBro" !important; font-size: 12px !important; font-weight: 600 !important; diff --git a/Themes/BlurpleRecolor/BlurpleRecolor.css b/Themes/BlurpleRecolor/BlurpleRecolor.css index 0c3b563457..05a3dd4039 100644 --- a/Themes/BlurpleRecolor/BlurpleRecolor.css +++ b/Themes/BlurpleRecolor/BlurpleRecolor.css @@ -339,68 +339,6 @@ /* ~~~~ 2. CHANNELLIST ~~~~ */ - -.channelNotice-tO6Tus::before, /* channel notice */ -.channelNotice-tO6Tus::after, -.channelNotice-3DDmsB::before, -.channelNotice-3DDmsB::after, -#app-mount .channelNotice-3hkOiI::before, -#app-mount .channelNotice-3hkOiI::after { - content: ""; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - pointer-events: none; -} -.channelNotice-tO6Tus.quickswitcher-35bYg4 { - background: transparent; -} -.channelNotice-tO6Tus.quickswitcher-35bYg4::before { - filter: grayscale(0.5); - background: url(https://discord.com/assets/8fdb69b7684b8e1ecb3fdde909daca41.svg) center 35px no-repeat; -} -.channelNotice-tO6Tus.premiumGuildSubscription-3oKecP { - background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/channelnotice_premium_bg.svg) center 23px no-repeat; -} -.channelNotice-tO6Tus.premiumGuildSubscription-3oKecP::before { - background: rgb(var(--accentcolor)); - -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/channelnotice_premium_accent.svg) center 23px no-repeat; -} -.channelNotice-tO6Tus.premiumGuildSubscription-3oKecP::after { - background: rgb(var(--accentcolor2)); - -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/channelnotice_premium_accent2.svg) center 23px no-repeat; -} -.channelNotice-tO6Tus.publicUpsell-31ZSJ8::before { - background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/channelnotice_upsell_bg.svg) center 12px no-repeat; -} -.channelNotice-tO6Tus.publicUpsell-31ZSJ8::after { - background: rgb(var(--accentcolor)); - -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/channelnotice_upsell_accent.svg) center 12px no-repeat; -} -.art-114q3M { - position: relative; - background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/channelnotice_upsell_details.svg) center/cover no-repeat; -} -.art-114q3M::before, -.art-114q3M::after { - content: ""; - position: absolute; - top: 0; - right: 0; - bottom: 4.5%; - left: 0; - pointer-events: none; -} -.art-114q3M::before { - background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/channelnotice_upsell_bg.svg) center/cover no-repeat; -} -.art-114q3M::after { - background: rgb(var(--accentcolor)); - -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/channelnotice_upsell_accent.svg) center/cover no-repeat; -} - /* ~~~~ 3. CHAT ~~~~ */ /* ---- 3.1. MESSAGES ---- */ @@ -645,24 +583,27 @@ .theme-dark .result_e1fc74:hover::after { box-shadow: inset 0 0 0 2px rgb(var(--accentcolor)), inset 0 0 0 3px #2f3136; } -#app-mount .categoryFadeBlurple-1HuV1x { /* gifpicker categoryfade */ +#app-mount .categoryFadeBlurple_e73c11 { /* gifpicker categoryfade */ background-color: rgba(var(--accentcolor), 0.8); } -#app-mount .categoryFadeBlurple-1HuV1x:hover { +#app-mount .categoryFadeBlurple_e73c11:hover { background-color: rgba(var(--accentcolor), 0.95); } -.introductionAction-M1r6AX { /* gifpicker introductionaction tooltip */ +.introductionAction__81937 { /* gifpicker introductionaction tooltip */ color: rgb(var(--accentcolor)); } -.iconColorLightBlue-zbxJUe { /* stickerpicker icon lightblue */ +.iconColorBlue__08dbe { /* stickerpicker icon blue */ + color: rgb(var(--accentcolor)); +} +.iconColorLightBlue__74e09 { /* stickerpicker icon lightblue */ color: rgb(var(--accentcolor)); filter: brightness(150%); } -.iconColorDarkBlue-6qQpJf { /* stickerpicker icon darkblue */ +.iconColorDarkBlue__0a65b { /* stickerpicker icon darkblue */ color: rgb(var(--accentcolor)); filter: brightness(75%); } -.iconColorPink-1dhBIv { /* stickerpicker icon pink */ +.iconColorPink__1b50a { /* stickerpicker icon pink */ color: rgb(var(--accentcolor2)); } @@ -716,13 +657,10 @@ /* ~~~~ 4. PEOPLES ~~~~ */ -.snowsgivingIcon-3d0pr1 path { - fill: rgb(var(--accentcolor)); -} -.container-2rNpDV { /* stagelive cover */ +.container__9305d { /* stagelive cover */ background: rgb(255, 255, 255) linear-gradient(rgba(var(--accentcolor),.8) 75%, rgb(var(--accentcolor)) 75%, rgb(var(--accentcolor))); } -.container-2rNpDV .illustration-h6_gtD { +.container__9305d .illustration__9d719 { opacity: .8; filter: grayscale(100%); } @@ -734,65 +672,20 @@ background-color: rgb(var(--accentcolor)); } -.stickers-2JFQr2 .featureTitle-3N9Stg, /* feature title stickers */ -.featurePremiumGuild-2uV6-N .featureTitle-3N9Stg { /* feature title premium */ - color: rgb(var(--accentcolor)); -} - -.gridItemGuildSubscription-1sZ0fD::before { - background: rgb(255, 255, 255) linear-gradient(135deg, rgb(162, 48, 194), rgba(162, 48, 194, 0.5)); -} -.gridItemBadge-1Se-Pu::before { - background: rgb(255, 255, 255) linear-gradient(135deg, rgb(var(--accentcolor2)), rgba(var(--accentcolor2), 0.5)); -} - -.activeTransferGuildCardBorder-2jUQ7t{ +.activeTransferGuildCardBorder__2eb21 { background: rgb(255, 255, 255) linear-gradient(135deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5)); } -.premiumGuildSubscriptionRowActive-1WxLXI{ - background: rgb(255, 255, 255) linear-gradient(135deg, rgb(var(--accentcolor2)), rgba(var(--accentcolor2), 0.5)); -} - -.theme-light .animationContainer-cNePAf { +.theme-light .animationContainer__92094 { color: rgb(var(--accentcolor)); } -.theme-light .shine-KMI5j7 { +.theme-light .shine__0dd36 { color: rgba(var(--accentcolor), 0.2); } -.grandfatheredMessage-1BnHtv { +.grandfatheredMessage_b731ea { background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5)); } -.tierGrandfathered-R6zrrD.banner-3Kac2g { - background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5) 75.25%); -} - -.tier1-1HAX7O, -.headerTier1-VdcX1g, /* submodal tier1 header */ -.tier1HeaderBackground-3LjWgU { /* submodal tier1 bg */ - background-color: rgb(var(--accentcolor)); -} -.headerTier1-VdcX1g .wrapper_b8c724 image:not([width="170px"]), -.tier1HeaderBackground-3LjWgU .wrapper_b8c724 image:not([width="170px"]) { - display: none !important; -} -.tier1-1ttHRY.banner-3Kac2g { - background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5) 75.25%); -} - -.tier2-1zUwdT, -.headerTier2-VgDkDg, /* submodal tier2 header */ -.tier2HeaderBackground-2BUqcl { /* submodal tier2 bg */ - background: #ffcd4b linear-gradient(45deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5)); -} -.tier2-3hSil0.banner-3Kac2g { - background: #ffcd4b linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5) 75.25%); -} - -.price-1rEl-z { /* submodal price */ - color: rgb(var(--accentcolor)); -} .iconBackgroundTier1__715d9 { /* tierlist tier1 bg */ background: rgb(255, 255, 255) linear-gradient(45deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5)); @@ -801,16 +694,6 @@ background: #ffcd4b linear-gradient(45deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5)); } -.xboxPromotion-1k0m0c { /* bannerpromo xboxpromo */ - background: #ffcd4b linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5)); -} -.bannerPromotionLogoPremium-2cB301 { /* bannerpromo logo */ - background: #ffcd4b linear-gradient(rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5)); -} -.premiumLogo-1D3iJc { /* bannerpromo nitro logo */ - background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5)); -} - #app-mount .tag_f71185 { /* tag */ background: rgb(255, 255, 255) linear-gradient(45deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5)); } @@ -819,15 +702,6 @@ -webkit-mask: url(https://discord.com/assets/04a2e1509ad72be575b1529b51ea3977.svg) top/cover no-repeat; } -.skuButtonTier1-2XTq5D, -.skuButtonTier1-3-EFd9 { - background: rgb(255, 255, 255) linear-gradient(32.3deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5) 75.25%); -} -.skuButtonTier2-2asv3-, -.skuButtonTier2-i01WfL { - background: #ffcd4b linear-gradient(32.3deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5)); -} - #app-mount .alternativeSkuSelected__35d70 { background-color: rgb(var(--accentcolor)); } @@ -851,35 +725,26 @@ #app-mount .nitroIcon__90a15 { /* store nitroicon */ background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5)); } -.confirmPremiumIcon-2e3THu, /* store confirmpremiumicon */ +.confirmPremiumIcon_ac48e0, /* store confirmpremiumicon */ .gameIcon__90c32[style*="/assets/f6cbcdc9366fb8d31e03bdc6c9c50246.svg"] { background-color: rgb(255, 255, 255) !important; background-image: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/nitrobadge_details.svg), linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5)) !important; } -.pageWrapper-Nsjifk { /* store pagewrapper */ - background: #fff linear-gradient(114deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.6)); -} -.hero-1gKM4P, -.settingsContainer-36qZZ9 { - background: rgb(255, 255, 255) linear-gradient(195deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5)); -} -.ctaWrapperTier0-1GlgHE, .tier0__2e127 { background: rgb(100, 100, 100) linear-gradient(195deg, rgba(var(--accentcolor), 0.9), rgba(var(--accentcolor), 0.5)); } -.ctaWrapperTier2-1hk2M8, .tier2__1364f { background: rgb(255, 255, 255) linear-gradient(195deg, rgb(var(--accentcolor2)), rgba(var(--accentcolor2), 0.5)); } -#app-mount .ctaWrapperTier2-1hk2M8 .ctaButtonInner-2VRelf, #app-mount .tier2__1364f .lookInverted_ee4261.colorBrand_b2253e { color: rgb(var(--accentcolor2)); } -.mostPopularPill-28w8lV { +.mostPopularPill__8c0b3, +.mostPopularPill__0aaba { background: rgb(255, 255, 255) linear-gradient(135deg, rgb(var(--accentcolor2)), rgba(var(--accentcolor2), 0.5)); } -.tier2ColumnOuter-1U2eKO { +.tier2ColumnOuter__0b5e2 { border-color: rgb(var(--accentcolor2)); } @@ -895,26 +760,25 @@ .searchBox_a63854:focus, /* searchbox focus */ .searchBox_a63854:focus-within, -.searchPage-3tt6dh .search-25t1e9 .searchBox-31Zv9h:focus, -.searchPage-3tt6dh .search-25t1e9 .searchBox-31Zv9h:focus-within { +.searchPage__9ceaf .search_e47903 .searchBox__88a98:focus, +.searchPage__9ceaf .search_e47903 .searchBox__88a98:focus-within { border-color: rgb(var(--accentcolor)); } -.search-25t1e9 .searchBox-31Zv9h:focus, -.search-25t1e9 .searchBox-31Zv9h:focus-within { +.search_e47903 .searchBox__88a98:focus, +.search_e47903 .searchBox__88a98:focus-within { box-shadow: 0 0 0 1px rgb(var(--accentcolor)), 0 0 0 2px rgba(var(--accentcolor), 0.6), 0 0 0 3px rgba(var(--accentcolor), 0.3); } -#app-mount .activeButton-1BJAiN, /* pagination button */ -#app-mount .activeButton-1BJAiN:hover { +#app-mount .activeButton__7a550, /* pagination button */ +#app-mount .activeButton__7a550:hover { background-color: rgb(var(--accentcolor)); } - /* categorylist selected item */ -.categoryItem-1QIroW.selectedCategoryItem-FHKU_o .itemInner-gPkiWb { +.categoryItem_b1be5c.selectedCategoryItem__0bf4c .itemInner__9e755 { background-color: rgb(var(--accentcolor)); } -.categoryPill-1zjNrr.selected-bLcqYK { /* categorylist search categorypill */ +.categoryPill_c95cea.selected__24846 { /* categorylist search categorypill */ background-color: rgb(var(--accentcolor)); } diff --git a/Themes/DiscordRecolor/DiscordRecolor.css b/Themes/DiscordRecolor/DiscordRecolor.css index 3d3a180074..eb2e205963 100644 --- a/Themes/DiscordRecolor/DiscordRecolor.css +++ b/Themes/DiscordRecolor/DiscordRecolor.css @@ -2001,33 +2001,33 @@ img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] { opacity: .5; } -#app-mount .search-25t1e9 .searchBox-31Zv9h { +#app-mount .search_e47903 .searchBox__88a98 { background-color: #fff; } -#app-mount .search-25t1e9 .searchBox-31Zv9h:focus, -#app-mount .search-25t1e9 .searchBox-31Zv9h:focus-within { +#app-mount .search_e47903 .searchBox__88a98:focus, +#app-mount .search_e47903 .searchBox__88a98:focus-within { box-shadow: 0 0 0 1px rgb(91,67,240), 0 0 0 2px rgba(91,67,240,.6), 0 0 0 3px rgba(91,67,240,.3); border-color: transparent; } -#app-mount .search-25t1e9 .searchBox-31Zv9h .searchBoxInput-3h4etz { +#app-mount .search_e47903 .searchBox__88a98 .searchBoxInput-3h4etz { color: #2e3338; } -#app-mount .search-25t1e9 .searchBox-31Zv9h .searchBoxInput-3h4etz::-webkit-input-placeholder, -#app-mount .search-25t1e9 .searchBox-31Zv9h .searchBoxInput-3h4etz::-moz-placeholder, -#app-mount .search-25t1e9 .searchBox-31Zv9h .searchBoxInput-3h4etz:-ms-input-placeholder, -#app-mount .search-25t1e9 .searchBox-31Zv9h .searchBoxInput-3h4etz::placeholder { +#app-mount .search_e47903 .searchBox__88a98 .searchBoxInput-3h4etz::-webkit-input-placeholder, +#app-mount .search_e47903 .searchBox__88a98 .searchBoxInput-3h4etz::-moz-placeholder, +#app-mount .search_e47903 .searchBox__88a98 .searchBoxInput-3h4etz:-ms-input-placeholder, +#app-mount .search_e47903 .searchBox__88a98 .searchBoxInput-3h4etz::placeholder { color: #72767d; } -#app-mount .search-25t1e9 .searchBox-31Zv9h .closeIcon-BMGxx0 { +#app-mount .search_e47903 .searchBox__88a98 .closeIcon-BMGxx0 { color: #4f5660; } -#app-mount .search-25t1e9 .searchBox-31Zv9h .closeIcon-BMGxx0:hover { +#app-mount .search_e47903 .searchBox__88a98 .closeIcon-BMGxx0:hover { color: #2e3338; } -#app-mount .search-25t1e9 .searchBox-31Zv9h .closeIcon-BMGxx0:focus { +#app-mount .search_e47903 .searchBox__88a98 .closeIcon-BMGxx0:focus { color: #060607; } -#app-mount .search-25t1e9 .searchBox-31Zv9h .searchIcon-3X4BYL { +#app-mount .search_e47903 .searchBox__88a98 .searchIcon-3X4BYL { color: rgba(79,84,92,.6); } @@ -4454,10 +4454,10 @@ html:only-child > head + body > div#app-mount.appMount_fae9dd > div.typeWindows_ opacity: 1 !important; } -html:only-child > head + body div.app_b1f720 > div.app__00c92 > div.layers_a40797.layers__12c9f > div.layer_e552e0.baseLayer__13b6b + div.layer_e552e0 > div.standardSidebarView__1129a > div.sidebarRegion__60457 > div.sidebarRegionScroller__1fa7e.thin_b1c063.scrollerBase_dc3aa9.fade_ba0fa0 > nav.sidebar__9e3e2 > div.side_b4b3f6 > div.info__755e1 { +html:only-child > head + body div.app_b1f720 > div.app_de4237 > div.layers__1c917.layers_a23c37 > div.layer__2efaa.baseLayer__8fda3 + div.layer__2efaa > div.standardSidebarView__1129a > div.sidebarRegion__60457 > div.sidebarRegionScroller__1fa7e.thin_b1c063.scrollerBase_dc3aa9.fade_ba0fa0 > nav.sidebar__9e3e2 > div.side_b4b3f6 > div.info__755e1 { position: relative !important; } -html:only-child > head + body div.app_b1f720 > div.app__00c92 > div.layers_a40797.layers__12c9f > div.layer_e552e0.baseLayer__13b6b + div.layer_e552e0 > div.standardSidebarView__1129a > div.sidebarRegion__60457 > div.sidebarRegionScroller__1fa7e.thin_b1c063.scrollerBase_dc3aa9.fade_ba0fa0 > nav.sidebar__9e3e2 > div.side_b4b3f6 > div.info__755e1::after { +html:only-child > head + body div.app_b1f720 > div.app_de4237 > div.layers__1c917.layers_a23c37 > div.layer__2efaa.baseLayer__8fda3 + div.layer__2efaa > div.standardSidebarView__1129a > div.sidebarRegion__60457 > div.sidebarRegionScroller__1fa7e.thin_b1c063.scrollerBase_dc3aa9.fade_ba0fa0 > nav.sidebar__9e3e2 > div.side_b4b3f6 > div.info__755e1::after { content: "DiscordRecolor by" !important; font-size: 12px !important; color: var(--text-muted) !important; @@ -4476,7 +4476,7 @@ html:only-child > head + body div.app_b1f720 > div.app__00c92 > div.layers_a4079 transform: unset !important; animation: unset !important; } -html:only-child > head + body div.app_b1f720 > div.app__00c92 > div.layers_a40797.layers__12c9f > div.layer_e552e0.baseLayer__13b6b + div.layer_e552e0 > div.standardSidebarView__1129a > div.sidebarRegion__60457 > div.sidebarRegionScroller__1fa7e.thin_b1c063.scrollerBase_dc3aa9.fade_ba0fa0 > nav.sidebar__9e3e2 > div.side_b4b3f6 > div.info__755e1::before { +html:only-child > head + body div.app_b1f720 > div.app_de4237 > div.layers__1c917.layers_a23c37 > div.layer__2efaa.baseLayer__8fda3 + div.layer__2efaa > div.standardSidebarView__1129a > div.sidebarRegion__60457 > div.sidebarRegionScroller__1fa7e.thin_b1c063.scrollerBase_dc3aa9.fade_ba0fa0 > nav.sidebar__9e3e2 > div.side_b4b3f6 > div.info__755e1::before { content: "DevilBro" !important; font-size: 12px !important; font-weight: 600 !important; diff --git a/Themes/SettingsModal/SettingsModal.css b/Themes/SettingsModal/SettingsModal.css index 719d1bf54d..2a4ef69dfc 100644 --- a/Themes/SettingsModal/SettingsModal.css +++ b/Themes/SettingsModal/SettingsModal.css @@ -6,7 +6,7 @@ --settingsmodalheight: 80vh; } -#app-mount .baseLayer__13b6b { +#app-mount .baseLayer__8fda3 { opacity: 1 !important; transform: unset !important; will-change: unset !important; @@ -15,7 +15,7 @@ transition-property: inherit !important; animation: inherit !important; } -#app-mount .layer_e552e0.stop-animations:first-child::after { +#app-mount .layer__2efaa.stop-animations:first-child::after { content: "" !important; position: fixed !important; background: rgb(0, 0, 0) !important; @@ -30,7 +30,7 @@ pointer-events: none !important; } -#app-mount .layer_e552e0 ~ .layer_e552e0 { +#app-mount .layer__2efaa ~ .layer__2efaa { position: absolute !important; top: 0 !important; right: 0 !important; @@ -48,8 +48,8 @@ z-index: 1000 !important; --settingsiconsadditionalsize: var(--use-settingsicons, 0) * (var(--settingsicons-size, 0px) + var(--settingsicons-gap, 0px)); } -#app-mount .layer_e552e0 ~ .layer_e552e0 > div, -#app-mount .layer_e552e0 ~ .layer_e552e0 .standardSidebarView__1129a { +#app-mount .layer__2efaa ~ .layer__2efaa > div, +#app-mount .layer__2efaa ~ .layer__2efaa .standardSidebarView__1129a { position: static !important; border-radius: unset !important; width: 100% !important; @@ -58,45 +58,45 @@ padding: unset !important; overflow: hidden !important; } -#app-mount .layer_e552e0 ~ .layer_e552e0 .sidebarRegion__60457, -#app-mount .layer_e552e0 ~ .layer_e552e0 .sidebarRegionScroller__1fa7e { +#app-mount .layer__2efaa ~ .layer__2efaa .sidebarRegion__60457, +#app-mount .layer__2efaa ~ .layer__2efaa .sidebarRegionScroller__1fa7e { flex: 0 0 auto !important; } -#app-mount .layer_e552e0 ~ .layer_e552e0 .sidebar__9e3e2 { +#app-mount .layer__2efaa ~ .layer__2efaa .sidebar__9e3e2 { width: 218px !important; padding: 20px 6px 20px 20px !important; } -#app-mount .layer_e552e0 ~ .layer_e552e0 .contentColumnDefault_c66386 { +#app-mount .layer__2efaa ~ .layer__2efaa .contentColumnDefault_c66386 { padding: 20px 40px !important; } -#app-mount .layer_e552e0 ~ .layer_e552e0 .wrapper__61220 { +#app-mount .layer__2efaa ~ .layer__2efaa .wrapper__61220 { width: calc(var(--settingsmodalwidth) - 420px - var(--settingsiconsadditionalsize)) !important; } -#app-mount .layer_e552e0 ~ .layer_e552e0 .repo_k8F4Sd { +#app-mount .layer__2efaa ~ .layer__2efaa .repo_k8F4Sd { max-width: calc(var(--settingsmodalwidth) - 226px - var(--settingsiconsadditionalsize)) !important; } -#app-mount .layer_e552e0 ~ .layer_e552e0 .repoHeader_2KfNvH { +#app-mount .layer__2efaa ~ .layer__2efaa .repoHeader_2KfNvH { padding-bottom: 0 !important; } -#app-mount .layer_e552e0 ~ .layer_e552e0 .repoHeader_2KfNvH .tabBar__35f81 { +#app-mount .layer__2efaa ~ .layer__2efaa .repoHeader_2KfNvH .tabBar__35f81 { gap: 30px !important; } -#app-mount .layer_e552e0 ~ .layer_e552e0 .repoHeader_2KfNvH .quickSelectLabel_cf5c1b { +#app-mount .layer__2efaa ~ .layer__2efaa .repoHeader_2KfNvH .quickSelectLabel_cf5c1b { font-size: 12px !important; } -#app-mount .layer_e552e0 ~ .layer_e552e0 .repoScroller_9JnAPs { +#app-mount .layer__2efaa ~ .layer__2efaa .repoScroller_9JnAPs { padding-top: 0 !important; } -#app-mount .layer_e552e0 ~ .layer_e552e0 .sidebar_bdf6b7 { +#app-mount .layer__2efaa ~ .layer__2efaa .sidebar_bdf6b7 { height: var(--settingsmodalheight) !important; } -#app-mount .layer_e552e0 ~ .layer_e552e0 .standardSidebarView__1129a .editor { +#app-mount .layer__2efaa ~ .layer__2efaa .standardSidebarView__1129a .editor { height: calc(var(--settingsmodalheight) - 120px) !important; } -#app-mount .layer_e552e0 ~ .layer_e552e0 .toolsContainer_f5d55d, -#app-mount .layer_e552e0 ~ .layer_e552e0 .toolsContainer_f5d55d .tools_c0ff70, -#app-mount .layer_e552e0 ~ .layer_e552e0 .toolsContainer_f5d55d .container_bb0c52, -#app-mount .layer_e552e0 ~ .layer_e552e0 .toolsContainer_f5d55d .closeButton__34341 { +#app-mount .layer__2efaa ~ .layer__2efaa .toolsContainer_f5d55d, +#app-mount .layer__2efaa ~ .layer__2efaa .toolsContainer_f5d55d .tools_c0ff70, +#app-mount .layer__2efaa ~ .layer__2efaa .toolsContainer_f5d55d .container_bb0c52, +#app-mount .layer__2efaa ~ .layer__2efaa .toolsContainer_f5d55d .closeButton__34341 { position: absolute !important; top: 0 !important; right: 0 !important; @@ -114,50 +114,50 @@ opacity: 0 !important; cursor: default !important; } -#app-mount .layer_e552e0 ~ .layer_e552e0 .toolsContainer_f5d55d { +#app-mount .layer__2efaa ~ .layer__2efaa .toolsContainer_f5d55d { position: fixed !important; top: 22px !important; z-index: -1 !important; } -#app-mount .layer_e552e0 ~ .layer_e552e0 .settingsToolbar_wu4yfQ { +#app-mount .layer__2efaa ~ .layer__2efaa .settingsToolbar_wu4yfQ { display: none !important; } -#app-mount .layer_e552e0 ~ .layer_e552e0 .accountProfileCard__22589 { +#app-mount .layer__2efaa ~ .layer__2efaa .accountProfileCard__22589 { max-width: calc(var(--settingsmodalwidth) - 332px - var(--settingsiconsadditionalsize)) !important; } -#app-mount .layer_e552e0 ~ .layer_e552e0 .profileCustomizationSection__88eff .baseLayout_b00434 { +#app-mount .layer__2efaa ~ .layer__2efaa .profileCustomizationSection__88eff .baseLayout_b00434 { gap: 30px !important; } -#app-mount .layer_e552e0 ~ .layer_e552e0 .profileCustomizationSection__88eff .baseLayout_b00434 .sectionsContainer_cce45e, -#app-mount .layer_e552e0 ~ .layer_e552e0 .profileCustomizationSection__88eff .baseLayout_b00434 .sectionsContainer_a37883, -#app-mount .layer_e552e0 ~ .layer_e552e0 .profileCustomizationSection__88eff .baseLayout_b00434 .editor_bca4e3, -#app-mount .layer_e552e0 ~ .layer_e552e0 .profileCustomizationSection__88eff .baseLayout_b00434 .preview__0c5fe { +#app-mount .layer__2efaa ~ .layer__2efaa .profileCustomizationSection__88eff .baseLayout_b00434 .sectionsContainer_cce45e, +#app-mount .layer__2efaa ~ .layer__2efaa .profileCustomizationSection__88eff .baseLayout_b00434 .sectionsContainer_a37883, +#app-mount .layer__2efaa ~ .layer__2efaa .profileCustomizationSection__88eff .baseLayout_b00434 .editor_bca4e3, +#app-mount .layer__2efaa ~ .layer__2efaa .profileCustomizationSection__88eff .baseLayout_b00434 .preview__0c5fe { min-width: calc((var(--settingsmodalwidth) - 332px - var(--settingsiconsadditionalsize)) / 2) !important; max-width: calc((var(--settingsmodalwidth) - 332px - var(--settingsiconsadditionalsize)) / 2) !important; } -#app-mount .layer_e552e0 ~ .layer_e552e0 .profileCustomizationSection__88eff .baseLayout_b00434.tryItOutLayout__6026d .sectionsContainer_cce45e, -#app-mount .layer_e552e0 ~ .layer_e552e0 .profileCustomizationSection__88eff .baseLayout_b00434.tryItOutLayout__6026d .sectionsContainer_a37883, -#app-mount .layer_e552e0 ~ .layer_e552e0 .profileCustomizationSection__88eff .baseLayout_b00434.tryItOutLayout__6026d .editor_bca4e3, -#app-mount .layer_e552e0 ~ .layer_e552e0 .profileCustomizationSection__88eff .baseLayout_b00434.tryItOutLayout__6026d .preview__0c5fe { +#app-mount .layer__2efaa ~ .layer__2efaa .profileCustomizationSection__88eff .baseLayout_b00434.tryItOutLayout__6026d .sectionsContainer_cce45e, +#app-mount .layer__2efaa ~ .layer__2efaa .profileCustomizationSection__88eff .baseLayout_b00434.tryItOutLayout__6026d .sectionsContainer_a37883, +#app-mount .layer__2efaa ~ .layer__2efaa .profileCustomizationSection__88eff .baseLayout_b00434.tryItOutLayout__6026d .editor_bca4e3, +#app-mount .layer__2efaa ~ .layer__2efaa .profileCustomizationSection__88eff .baseLayout_b00434.tryItOutLayout__6026d .preview__0c5fe { min-width: calc((var(--settingsmodalwidth) - 344px - var(--settingsiconsadditionalsize)) / 2) !important; max-width: calc((var(--settingsmodalwidth) - 344px - var(--settingsiconsadditionalsize)) / 2) !important; } -#app-mount .layer_e552e0 ~ .layer_e552e0 .profileCustomizationSection__88eff .baseLayout_b00434 .preview__0c5fe .userPopoutOuter_d739b2 { +#app-mount .layer__2efaa ~ .layer__2efaa .profileCustomizationSection__88eff .baseLayout_b00434 .preview__0c5fe .userPopoutOuter_d739b2 { width: calc((var(--settingsmodalwidth) - 332px - var(--settingsiconsadditionalsize)) / 2) !important; } -#app-mount .layer_e552e0 ~ .layer_e552e0 .baseLayout_b00434.tryItOutLayout__6026d .preview__0c5fe .userPopoutOuter_d739b2 { +#app-mount .layer__2efaa ~ .layer__2efaa .baseLayout_b00434.tryItOutLayout__6026d .preview__0c5fe .userPopoutOuter_d739b2 { width: calc((var(--settingsmodalwidth) - 332px - var(--settingsiconsadditionalsize)) / 2) !important; } -#app-mount .layer_e552e0 ~ .layer_e552e0 .profileCustomizationSection__88eff .baseLayout_b00434 .preview__0c5fe .userPopoutOuter_d739b2, -#app-mount .layer_e552e0 ~ .layer_e552e0 .baseLayout_b00434.tryItOutLayout__6026d .preview__0c5fe .userPopoutOuter_d739b2 { +#app-mount .layer__2efaa ~ .layer__2efaa .profileCustomizationSection__88eff .baseLayout_b00434 .preview__0c5fe .userPopoutOuter_d739b2, +#app-mount .layer__2efaa ~ .layer__2efaa .baseLayout_b00434.tryItOutLayout__6026d .preview__0c5fe .userPopoutOuter_d739b2 { min-width: unset !important; max-width: 340px !important; } -#app-mount .layer_e552e0 ~ .layer_e552e0 .profileCustomizationSection__88eff .baseLayout_b00434 .preview__0c5fe .userPopoutInner_f545a3 { +#app-mount .layer__2efaa ~ .layer__2efaa .profileCustomizationSection__88eff .baseLayout_b00434 .preview__0c5fe .userPopoutInner_f545a3 { overflow: hidden !important; } -#app-mount .layer_e552e0 ~ .layer_e552e0 .guildsSection__337a8 { +#app-mount .layer__2efaa ~ .layer__2efaa .guildsSection__337a8 { max-width: calc(var(--settingsmodalwidth) - 332px - var(--settingsiconsadditionalsize)) !important; } diff --git a/Themes/_res/SettingsIcons.css b/Themes/_res/SettingsIcons.css index 84e2390a75..9b3a72893d 100644 --- a/Themes/_res/SettingsIcons.css +++ b/Themes/_res/SettingsIcons.css @@ -57,7 +57,7 @@ body #app-mount .sidebarRegion__60457:has(.socialLinks_c1fc99) { flex-basis: calc(218px + (var(--use-settingsicons) * (var(--settingsicons-size) + var(--settingsicons-gap)))) !important; } body #app-mount .sidebar__9e3e2:has(.socialLinks_c1fc99), -body #app-mount .layer_e552e0 ~ .layer_e552e0 .sidebar__9e3e2:has(.socialLinks_c1fc99) { +body #app-mount .layer__2efaa ~ .layer__2efaa .sidebar__9e3e2:has(.socialLinks_c1fc99) { width: calc(218px + (var(--use-settingsicons) * (var(--settingsicons-size) + var(--settingsicons-gap)))) !important; } .sidebar__9e3e2:has(.socialLinks_c1fc99) .side_b4b3f6 .item__48dda {