From 0ed8c2aa2e3acc74652eb5ebdc9ad08d7ff883b9 Mon Sep 17 00:00:00 2001 From: Mirco Wittrien Date: Sun, 9 Apr 2023 11:28:42 +0200 Subject: [PATCH] themes --- Themes/BasicBackground/BasicBackground.css | 110 +++++---------------- Themes/BlurpleRecolor/BlurpleRecolor.css | 6 +- Themes/DiscordRecolor/DiscordRecolor.css | 68 ++----------- Themes/SettingsModal/SettingsModal.css | 8 +- 4 files changed, 37 insertions(+), 155 deletions(-) diff --git a/Themes/BasicBackground/BasicBackground.css b/Themes/BasicBackground/BasicBackground.css index 4d3eafccc5..60d9333a9f 100644 --- a/Themes/BasicBackground/BasicBackground.css +++ b/Themes/BasicBackground/BasicBackground.css @@ -3646,7 +3646,7 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr .emptyIcon-uKVxYR { /* body emptypic */ opacity: .5; } -.profileColors-3Y0XaR .mask-1y0tyc circle { +.profileColors-2AgAV4 .mask-1y0tyc circle { fill: transparent; } @@ -4617,26 +4617,14 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr /* ---- 14.2. USERPOPOUT ---- */ -.userPopout-2j1gM4, /* popout container */ -.userPopout-3fydSP, /* popout new container */ -.userPopout-29jUdN, /* popout new new container */ -.userPopoutOuter-3AVBmJ { /* popout new new new container */ +.userPopoutOuter-1OHwPL { /* popout container */ box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); } -.userPopout-2j1gM4, /* popout container */ -.userPopout-3fydSP:not(.userPopoutThemed-3BZ4by), /* popout new container */ -.userPopout-29jUdN:not(.userPopoutThemed-wGuRN3), /* popout new new container */ -.userProfileOuterUnthemed-2b2rsv { /* popout new new new container */ +.userProfileOuterUnthemed-11rPfA { /* popout container */ background: transparent; } -.userPopout-2j1gM4::before, -.userPopout-2j1gM4::after, -.userPopout-3fydSP:not(.userPopoutThemed-3BZ4by)::before, -.userPopout-3fydSP:not(.userPopoutThemed-3BZ4by)::after, -.userPopout-29jUdN:not(.userPopoutThemed-wGuRN3)::before, -.userPopout-29jUdN:not(.userPopoutThemed-wGuRN3)::after, -.userProfileOuterUnthemed-2b2rsv::before, -.userProfileOuterUnthemed-2b2rsv::after { +.userProfileOuterUnthemed-11rPfA::before, +.userProfileOuterUnthemed-11rPfA::after { content: ""; position: absolute; top: 0; @@ -4649,52 +4637,26 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr pointer-events: none; z-index: -1; } -.userPopout-2j1gM4::before, -.userPopout-3fydSP:not(.userPopoutThemed-3BZ4by)::before, -.userPopout-29jUdN:not(.userPopoutThemed-wGuRN3)::before, -.userProfileOuterUnthemed-2b2rsv::before { +.userProfileOuterUnthemed-11rPfA::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } -.userPopout-2j1gM4::after, -.userPopout-3fydSP:not(.userPopoutThemed-3BZ4by)::after, -.userPopout-29jUdN:not(.userPopoutThemed-wGuRN3)::after, -.userProfileOuterUnthemed-2b2rsv::after { +.userProfileOuterUnthemed-11rPfA::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } -.accountProfilePopoutWrapper-3GskID .overlayBackground-1KgwVi { +.accountProfilePopoutWrapper-3GskID .overlayBackground-2aa7wt { display: block !important; } -.profileColors-3Y0XaR { /* popout new profilecolors */ +.profileColors-2AgAV4 { /* popout profilecolors */ --profile-body-background-color: rgba(0,0,0,.4) !important; --profile-body-divider-color: var(--background-modifier-accent) !important; --profile-body-divider-opacity: 1 !important; } -#app-mount .headerTop-3GPUSF, /* popout header inner */ -#app-mount .activity-1gTu-L, /* popout activity */ -#app-mount .aboutMeSection-PUghFQ { /* popout about me section */ - background: transparent; - border: transparent; +#app-mount .userProfileOuterThemed-2BgJCM ::-webkit-scrollbar-thumb { + background-color: var(--profile-gradient-secondary-color) !important; } -#app-mount .activity-1gTu-L { - padding: 0 16px 16px; -} -.userPopout-2j1gM4 *:not(foreignObject) > .banner-1YaD3N, /* popout banner */ -.userPopout-3fydSP *:not(foreignObject) > .banner-2boKnS, /* popout new banner */ -.userPopout-29jUdN *:not(foreignObject) > .banner-2boKnS, /* popout new new banner */ -.userPopoutOuter-3AVBmJ *:not(foreignObject) > .banner-2boKnS, /* popout new new new banner */ -.menu-2TXYjN *:not(foreignObject) > .banner-1YaD3N { /* status popout banner */ - -webkit-mask: url('data:image/svg+xml; utf8, ') bottom left no-repeat; -} -.userPopout-3fydSP .userPopoutInnerWithTheme-71l1ON *:not(foreignObject) > .banner-2boKnS, -.userPopout-29jUdN .userPopoutInnerWithTheme-2lKyJh *:not(foreignObject) > .banner-2boKnS, -.userProfileOuterUnthemed-2b2rsv *:not(foreignObject) > .banner-2boKnS { - -webkit-mask: url('data:image/svg+xml; utf8, ') bottom left no-repeat; -} -.userPopoutInnerWithTheme-71l1ON::after, -.userPopoutInnerWithTheme-2lKyJh::after, -.userProfileInnerThemed-27tvAp::after { +.userProfileInnerThemed-3dLhGM::after { content: ""; position: absolute; display: block; @@ -4705,49 +4667,24 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr height: 60px; z-index: 1; } -.userPopoutInnerWithBanner-wsoegj::after, -.userPopoutInnerWithBanner-24GX6I::after, -.userProfileInnerWithBanner-3CJ1Og::after { - height: 120px; -} -.userPopoutInnerWithTheme-71l1ON::before, -.userPopoutInnerWithTheme-2lKyJh::before, -.userProfileInnerThemed-27tvAp::before { +.userProfileInnerThemed-3dLhGM::before { z-index: 2; } -.userPopoutInnerWithTheme-71l1ON > *, -.userPopoutInnerWithTheme-2lKyJh > *, -.userProfileInnerThemed-27tvAp > * { +.userProfileInnerThemed-3dLhGM > * { z-index: 3; } -.userPopoutInner-PA9zkU, /* popout new inner */ -.userPopoutInner-1v4xcM, /* popout new new inner */ -.userProfileInner-3F03PX { /* popout new new new inner */ +.userProfileInnerThemedWithBanner-25XGmz::after { + height: 120px; +} +.userProfileInner-1ngKnf { /* popout inner */ border-radius: 4px; } -#app-mount .userProfileOuterThemed-3EfHmv ::-webkit-scrollbar-thumb { - background-color: var(--profile-gradient-secondary-color) !important; -} -.userPopout-2j1gM4 .wrapper-1VLyxH, /* popout avatar */ -.userPopout-2j1gM4 .avatarWrapper, /* popout status everywhere */ -.userPopout-3fydSP .wrapper-1VLyxH, /* popout new avatar */ -.userPopout-3fydSP .avatarWrapper, /* popout new status everywhere */ -.userPopout-29jUdN .wrapper-1VLyxH, /* popout new new avatar */ -.userPopout-29jUdN .avatarWrapper, /* popout new new status everywhere */ -.userPopoutOuter-3AVBmJ .wrapper-1VLyxH, /* popout new new new avatar */ -.userPopoutOuter-3AVBmJ .avatarWrapper, /* popout new new new status everywhere */ -.menu-2TXYjN .wrapper-1VLyxH, /* status popout avatar */ -.menu-2TXYjN .avatarWrapper { /* status popout status everywhere */ +.userPopoutOuter-1OHwPL .wrapper-3Un6-K, /* popout avatar */ +.userPopoutOuter-1OHwPL .avatarWrapper { /* popout status everywhere */ background-color: transparent; border-color: transparent; box-sizing: content-box; } -#app-mount .body-2wLx-E, /* popout body */ -#app-mount .bodyInnerWrapper-2bQs1k, /* popout body inner */ -#app-mount .footer-3naVBw { /* popout footer */ - background-color: transparent; - color: var(--header-secondary); -} .root-jbEB5E { /* body roles */ max-height: 100px; @@ -4817,15 +4754,12 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr background-color: rgba(var(--transparencycolor), .2); } -.wumpusWrapper-2-V9io { /* footer wumpus new user */ - margin-top: 27px; -} -#app-mount .wumpusTooltip-mj7eo0 { +#app-mount .wumpusTooltip-15kPrN { background-color: rgb(var(--accentcolor)); color: #fff; text-shadow: 1px 1px var(--textshadow); } -#app-mount .wumpusTooltip-mj7eo0::after { +#app-mount .wumpusTooltip-15kPrN::after { border-color: transparent rgb(var(--accentcolor)) transparent transparent; } diff --git a/Themes/BlurpleRecolor/BlurpleRecolor.css b/Themes/BlurpleRecolor/BlurpleRecolor.css index 1d98395caa..8bce41ddcc 100644 --- a/Themes/BlurpleRecolor/BlurpleRecolor.css +++ b/Themes/BlurpleRecolor/BlurpleRecolor.css @@ -2289,13 +2289,13 @@ a.metadataDownload-3IY84h { .banner-2JvDVu { background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor2)), rgba(var(--accentcolor2), .7)); } -.userProfileOuterThemed-3EfHmv .banner-2JvDVu { +.userProfileOuterThemed-2BgJCM .banner-2JvDVu { background: rgb(255, 255, 255) linear-gradient(90deg, var(--profile-gradient-primary-color, rgb(var(--accentcolor2))), var(--profile-gradient-primary-color, rgba(var(--accentcolor2), .7))); } -.userProfileOuterThemed-3EfHmv .banner-2JvDVu > * { +.userProfileOuterThemed-2BgJCM .banner-2JvDVu > * { color: var(--header-primary) !important; } -.userProfileOuterThemed-3EfHmv .banner-2JvDVu path[fill] { +.userProfileOuterThemed-2BgJCM .banner-2JvDVu path[fill] { fill: currentColor !important; } .banner-1YaD3N[style*="background-color: rgb(92, 100, 244)"], diff --git a/Themes/DiscordRecolor/DiscordRecolor.css b/Themes/DiscordRecolor/DiscordRecolor.css index e086e6d436..2567f0596c 100644 --- a/Themes/DiscordRecolor/DiscordRecolor.css +++ b/Themes/DiscordRecolor/DiscordRecolor.css @@ -24,9 +24,9 @@ --backgroundfloating: 24,25,28; } -.theme-light:not(.userProfileOuterThemed-3EfHmv), -.theme-dark:not(.userProfileOuterThemed-3EfHmv), -.theme-amoled:not(.userProfileOuterThemed-3EfHmv) { +.theme-light:not(.userProfileOuterThemed-2BgJCM), +.theme-dark:not(.userProfileOuterThemed-2BgJCM), +.theme-amoled:not(.userProfileOuterThemed-2BgJCM) { --text-positive: rgb(var(--successcolor)); --text-warning: rgb(var(--warningcolor)); --text-danger: rgb(var(--dangercolor)); @@ -2760,10 +2760,10 @@ img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] { .emptyIcon-uKVxYR { opacity: .5; } -.profileColors-3Y0XaR .mask-1y0tyc circle { +.profileColors-2AgAV4 .mask-1y0tyc circle { fill: transparent; } -#app-mount .userProfileOuterThemed-3EfHmv ::-webkit-scrollbar-thumb { +#app-mount .userProfileOuterThemed-2BgJCM ::-webkit-scrollbar-thumb { background-color: var(--profile-gradient-secondary-color) !important; } @@ -3440,67 +3440,15 @@ img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] { /* ---- 12.1. USERPOPOUT ---- */ -#app-mount .userPopout-2j1gM4, -#app-mount .userPopout-3fydSP, -#app-mount .userPopout-29jUdN, -#app-mount .userPopoutOuter-3AVBmJ, -#app-mount .menu-2TXYjN { +#app-mount .userPopoutOuter-1OHwPL { box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary),.6), 0 2px 10px 0 rgba(0,0,0,.2); } -.profileColors-3Y0XaR { - --profile-avatar-border-color: transparent !important; -} -.userPopoutInnerWithTheme-71l1ON { - --profile-avatar-border-color: transparent !important; -} -.userPopoutInnerWithTheme-71l1ON .banner-2boKnS { - -webkit-mask: url('data:image/svg+xml; utf8, ') bottom left no-repeat; -} -.userPopoutInnerWithTheme-71l1ON::after { - content: ""; - position: absolute; - display: block; - background: var(--profile-gradient-primary-color); - top: 4px; - right: 4px; - left: 4px; - height: 60px; - z-index: 1; -} -.userPopoutInnerWithBanner-wsoegj::after, -.userPopoutInnerWithBanner-24GX6I::after { - height: 120px; -} -.userPopoutInnerWithTheme-71l1ON::before { - z-index: 2; -} -.userPopoutInnerWithTheme-71l1ON > * { - z-index: 3; -} -.userPopoutInner-PA9zkU { - border-radius: 4px; -} -#app-mount .headerNormal-T_seeN { - background-color: var(--background-tertiary); -} -#app-mount .headerNormal-T_seeN .headerTag-2pZJzA { - color: var(--header-secondary); -} -#app-mount .headerNormal-T_seeN .headerName-fajvi9, -#app-mount .headerNormal-T_seeN .headerTagUsernameNoNickname-2_H881 { - color: var(--header-primary); -} -#app-mount .body-2wLx-E, -#app-mount .footer-3naVBw { - color: var(--header-secondary); -} - -#app-mount .wumpusTooltip-mj7eo0 { +#app-mount .wumpusTooltip-15kPrN { background-color: var(--background-tertiary); color: var(--header-primary); } -#app-mount .wumpusTooltip-mj7eo0::after { +#app-mount .wumpusTooltip-15kPrN::after { border-color: transparent var(--background-tertiary) transparent transparent; } diff --git a/Themes/SettingsModal/SettingsModal.css b/Themes/SettingsModal/SettingsModal.css index 5394f6860e..0df23544cc 100644 --- a/Themes/SettingsModal/SettingsModal.css +++ b/Themes/SettingsModal/SettingsModal.css @@ -138,14 +138,14 @@ min-width: calc((var(--settingsmodalwidth) - 372px) / 2) !important; max-width: calc((var(--settingsmodalwidth) - 372px) / 2) !important; } -#app-mount .layer-86YKbF ~ .layer-86YKbF .baseLayoutProfileThemes-1Jj-oN .previewProfileThemes-ViDDkq .userPopoutOuter-3AVBmJ { +#app-mount .layer-86YKbF ~ .layer-86YKbF .baseLayoutProfileThemes-1Jj-oN .previewProfileThemes-ViDDkq .userPopoutOuter-1OHwPL { width: calc((var(--settingsmodalwidth) - 356px) / 2) !important; } -#app-mount .layer-86YKbF ~ .layer-86YKbF .tryItOutSection-W9qeGH .baseLayoutProfileThemes-1Jj-oN .previewProfileThemes-ViDDkq .userPopoutOuter-3AVBmJ { +#app-mount .layer-86YKbF ~ .layer-86YKbF .tryItOutSection-W9qeGH .baseLayoutProfileThemes-1Jj-oN .previewProfileThemes-ViDDkq .userPopoutOuter-1OHwPL { width: calc((var(--settingsmodalwidth) - 356px) / 2) !important; } -#app-mount .layer-86YKbF ~ .layer-86YKbF .baseLayoutProfileThemes-1Jj-oN .previewProfileThemes-ViDDkq .userPopoutOuter-3AVBmJ, -#app-mount .layer-86YKbF ~ .layer-86YKbF .tryItOutSection-W9qeGH .baseLayoutProfileThemes-1Jj-oN .previewProfileThemes-ViDDkq .userPopoutOuter-3AVBmJ { +#app-mount .layer-86YKbF ~ .layer-86YKbF .baseLayoutProfileThemes-1Jj-oN .previewProfileThemes-ViDDkq .userPopoutOuter-1OHwPL, +#app-mount .layer-86YKbF ~ .layer-86YKbF .tryItOutSection-W9qeGH .baseLayoutProfileThemes-1Jj-oN .previewProfileThemes-ViDDkq .userPopoutOuter-1OHwPL { min-width: unset !important; max-width: 340px !important; }