From a9c615b8376f8ef4e6b5791199a3980827b67358 Mon Sep 17 00:00:00 2001 From: Mirco Wittrien Date: Tue, 15 Jun 2021 12:35:58 +0200 Subject: [PATCH] themes --- Themes/BasicBackground/BasicBackground.css | 23 ++++++++++++---------- Themes/BlurpleRecolor/BlurpleRecolor.css | 8 ++++---- Themes/DiscordRecolor/DiscordRecolor.css | 18 ++++++++--------- 3 files changed, 26 insertions(+), 23 deletions(-) diff --git a/Themes/BasicBackground/BasicBackground.css b/Themes/BasicBackground/BasicBackground.css index e1bafea008..b6bbb5a7d8 100644 --- a/Themes/BasicBackground/BasicBackground.css +++ b/Themes/BasicBackground/BasicBackground.css @@ -2823,14 +2823,17 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr background-color: rgba(var(--transparencycolor), .3); } -#app-mount .tierHeaderLocked-1a2opw { /* boostsettings tierheaderlocked */ +#app-mount .tierHeaderLocked-3S508x { /* boostsettings tierheaderlocked */ background-color: rgba(var(--transparencycolor), .4); color: var(--header-secondary); } -#app-mount .tierHeaderUnlocked-2RhWqn { /* boostsettings tierheaderunlocked */ +#app-mount .tierHeaderUnlocked-3lTDnP { /* boostsettings tierheaderunlocked */ background-color: rgba(var(--transparencycolor), .5); } -#app-mount .tierBody-x9kBBp { /* boostsettings tierbody */ +#app-mount .tierCloseClose-iRVkcs { /* boostsettings tiercloseclose */ + color: var(--header-primary); +} +#app-mount .tierBody-3aUxuc { /* boostsettings tierbody */ background-color: rgba(var(--transparencycolor), .3); color: var(--header-secondary); } @@ -3655,23 +3658,23 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr .carouselGradientEdge-2W94ou { /* modal scrollergradient */ display: none; } -#app-mount .subscriberCount-27QHc5 { /* modal subcount */ +#app-mount .subscriberCount-11AZJ2 { /* modal subcount */ color: var(--header-secondary); } -#app-mount .subscriberCount-27QHc5 strong { +#app-mount .subscriberCount-11AZJ2 strong { color: var(--text-normal); } -#app-mount .moreSubscribers-1cuWDE { /* modal suboverflow */ +#app-mount .moreSubscribers-XxaiVS { /* modal suboverflow */ background-color: rgba(var(--transparencycolor), .3); color: var(--header-primary) } -#app-mount .subscribersPopout-2CP6Ln { /* subpopout container */ +#app-mount .subscribersPopout-3tW0Y9 { /* subpopout container */ background-color: transparent; box-shadow: 0 2px 10px rgba(var(--transparencycolor), .2); overflow: hidden; } -.subscribersPopout-2CP6Ln::before { +.subscribersPopout-3tW0Y9::before { content: ""; position: absolute; top: 0; @@ -3686,7 +3689,7 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr pointer-events: none; z-index: -1; } -.subscribersPopout-2CP6Ln::after { +.subscribersPopout-3tW0Y9::after { content: ""; position: absolute; top: 0; @@ -3699,7 +3702,7 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr pointer-events: none; z-index: -1; } -#app-mount .subscribersPopoutUser-3rC75S { /* subpopout users */ +#app-mount .subscribersPopoutUser-4hhgA8 { /* subpopout users */ color: var(--header-secondary); } diff --git a/Themes/BlurpleRecolor/BlurpleRecolor.css b/Themes/BlurpleRecolor/BlurpleRecolor.css index f1ed26db32..9f315f5ef1 100644 --- a/Themes/BlurpleRecolor/BlurpleRecolor.css +++ b/Themes/BlurpleRecolor/BlurpleRecolor.css @@ -765,7 +765,7 @@ background: rgb(var(--accentcolor2)); -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_boostheader_accent2.svg) center/cover no-repeat; } -#app-mount .tierUnlocked-27DwHo { /* boostsettings tierunlocked */ +#app-mount .tierUnlocked-2H6ULo { /* boostsettings tierunlocked */ color: rgb(var(--accentcolor2)); } #app-mount .tierAccomplished-2eXPdI, @@ -773,13 +773,13 @@ #app-mount .tierDefault-2qaRkD { background: #ffcd4b linear-gradient(90deg, rgb(var(--accentcolor2)), rgba(var(--accentcolor2), 0.5)); } -#app-mount .tierCloseHint-380zIA { /* boostsettings tierclosehint */ +#app-mount .tierCloseHint-w4yino { /* boostsettings tierclosehint */ background-color: rgb(var(--accentcolor)); } -#app-mount .tierCloseHint-380zIA::before { +#app-mount .tierCloseHint-w4yino::before { border-right-color: rgb(var(--accentcolor)); } -#app-mount .tierHeaderUnlockedBackground-MW5XJU { /* boostsettings tierheaderunlockedbg */ +#app-mount .tierHeaderUnlockedBackground-dZ6zLI { /* boostsettings tierheaderunlockedbg */ background: #ffcd4b linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5)); } #app-mount .foreground-2EIns2 { /* boostsettings icon foreground */ diff --git a/Themes/DiscordRecolor/DiscordRecolor.css b/Themes/DiscordRecolor/DiscordRecolor.css index b56d153b49..6ec02e11c0 100644 --- a/Themes/DiscordRecolor/DiscordRecolor.css +++ b/Themes/DiscordRecolor/DiscordRecolor.css @@ -2262,34 +2262,34 @@ img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] { #app-mount .tierInProgress-3mBoXq { background-color: var(--background-tertiary); } -#app-mount .moreSubscribers-1cuWDE { +#app-mount .moreSubscribers-XxaiVS { background-color: var(--background-tertiary); color: var(--header-primary) } -#app-mount .subscriberCount-27QHc5 { +#app-mount .subscriberCount-11AZJ2 { color: var(--header-secondary); } -#app-mount .subscriberCount-27QHc5 strong { +#app-mount .subscriberCount-11AZJ2 strong { color: var(--text-normal); } -#app-mount .subscribersPopout-2CP6Ln { +#app-mount .subscribersPopout-3tW0Y9 { background: var(--background-floating); box-shadow: 0 2px 10px 0 rgba(0,0,0,.2); } -#app-mount .subscribersPopoutUser-3rC75S { +#app-mount .subscribersPopoutUser-4hhgA8 { color: var(--header-secondary); } -#app-mount .tierHeaderLocked-1a2opw { +#app-mount .tierHeaderLocked-3S508x { background-color: var(--background-tertiary); color: var(--header-secondary); } -#app-mount .tierHeaderUnlocked-2RhWqn { +#app-mount .tierHeaderUnlocked-3lTDnP { background-color: var(--background-tertiary); } -#app-mount .tierCloseClose-2z5dSa { +#app-mount .tierCloseClose-iRVkcs { color: var(--header-primary); } -#app-mount .tierBody-x9kBBp { +#app-mount .tierBody-3aUxuc { background-color: var(--background-secondary); color: var(--header-secondary); }