This commit is contained in:
Mirco Wittrien 2021-05-21 11:15:23 +02:00
parent 3fbc7a01f0
commit 01cd755a06
4 changed files with 34 additions and 337 deletions

View File

@ -8044,10 +8044,18 @@ module.exports = (_ => {
BDFDB.PatchUtils.patch(BDFDB, LibraryModules.GuildStore, "getGuild", {after: e => {
if (e.returnValue && e.methodArguments[0] == InternalData.myGuildId) e.returnValue.banner = `https://mwittrien.github.io/BetterDiscordAddons/Library/_res/BDFDB.banner.png`;
}});
BDFDB.PatchUtils.patch(BDFDB, LibraryModules.UserStore, "getUser", {after: e => {
if (e.returnValue && e.methodArguments[0] == InternalData.myId) e.returnValue.banner = `https://mwittrien.github.io/BetterDiscordAddons/Library/_res/DevilBro.banner.png`;
}});
BDFDB.PatchUtils.patch(BDFDB, LibraryModules.IconUtils, "getGuildBannerURL", {instead: e => {
return e.methodArguments[0].id == InternalData.myGuildId ? e.methodArguments[0].banner : e.callOriginalMethod();
}});
BDFDB.PatchUtils.patch(BDFDB, LibraryModules.IconUtils, "getUserBannerURL", {instead: e => {
return e.methodArguments[0].id == InternalData.myId ? e.methodArguments[0].banner : e.callOriginalMethod();
}});
InternalBDFDB.forceUpdateAll();

View File

@ -1,4 +1,5 @@
@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/SettingsIcons.css);
@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/UserBgs.css);
@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/BlurpleRecolor/BlurpleRecolor.css);
:root {
@ -3105,9 +3106,9 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr
bottom: 0;
right: 0;
left: 0;
background: var(--user-background, var(--popout)) var(--user-popout-position, var(--popoutposition))/var(--popoutsize);
background: var(--popout) var(--popoutposition)/var(--popoutsize);
filter: blur(var(--popoutblur));
background-attachment: var(--user-background, fixed);
background-attachment: fixed;
width: unset;
height: unset;
pointer-events: none;
@ -3153,82 +3154,6 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr
opacity: 0.6;
}
.topSectionNormal-2-vo2m .avatarStack-2Dr8S9::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, .5);
opacity: var(--user-background, 0);
border-radius: 50%;
z-index: -1;
}
.topSectionNormal-2-vo2m .headerInfo-30uryT,
.topSectionNormal-2-vo2m .actionButton-3W1xZa + div[role="button"],
.topSectionNormal-2-vo2m .activity-1ythUs,
.topSectionNormal-2-vo2m .tabBarContainer-1s1u-z,
.body-3ND3kc {
position: relative;
overflow: visible;
z-index: 1;
}
.topSectionNormal-2-vo2m .headerInfo-30uryT::after,
.topSectionNormal-2-vo2m .actionButton-3W1xZa + div[role="button"]::after,
.topSectionNormal-2-vo2m .activity-1ythUs::after,
.topSectionNormal-2-vo2m .tabBarContainer-1s1u-z::after,
.body-3ND3kc::after {
content: "";
position: absolute;
background: rgba(0, 0, 0, .5);
opacity: var(--user-background, 0);
border-radius: 5px;
z-index: -1;
}
.topSectionNormal-2-vo2m .headerInfo-30uryT::after {
top: -5px;
right: 8px;
bottom: -5px;
left: -5px;
}
.topSectionNormal-2-vo2m .actionButton-3W1xZa + div[role="button"]::after {
top: 0;
right: 0;
bottom: 0;
left: 8px;
border-radius: 50%;
}
.topSectionNormal-2-vo2m .activity-1ythUs::after {
top: 8px;
right: 8px;
bottom: 8px;
left: 8px;
}
.topSectionNormal-2-vo2m .tabBarContainer-1s1u-z::after {
top: 0;
right: 8px;
bottom: 0;
left: 8px;
border-radius: 5px 5px 0 0;
}
.body-3ND3kc::after {
top: 0;
right: 8px;
bottom: 8px;
left: 8px;
border-radius: 0 0 5px 5px;
}
.topSectionNormal-2-vo2m .tabBarContainer-1s1u-z::before {
content: "";
position: absolute;
background: rgba(var(--transparencycolor), .3);
width: 100%;
height: var(--user-background, 1px);
top: -1px;
opacity: 0.1;
}
/* ---- 13.2. GUILDADD/CREATION ----- */
.container-UC8Ug1 { /* modal item */
@ -4261,9 +4186,9 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr
bottom: 0;
right: 0;
left: 0;
background: var(--user-background, var(--popout)) var(--user-popout-position, var(--popoutposition))/var(--popoutsize);
background: var(--popout) var(--popoutposition)/var(--popoutsize);
filter: blur(var(--popoutblur));
background-attachment: var(--user-background, fixed);
background-attachment: fixed;
width: unset;
height: unset;
pointer-events: none;
@ -4293,36 +4218,26 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr
background: transparent;
border-color: transparent;
}
.userPopout-3XzG_A .avatar-22FtUu::before {
content: "";
position: absolute;
top: -6px;
bottom: -6px;
right: -6px;
left: -6px;
background: var(--user-background, var(--popout)) var(--user-popout-position, var(--popoutposition))/var(--popoutsize);
filter: blur(var(--popoutblur));
background-attachment: var(--user-background, fixed);
border-radius: 50%;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.userPopout-3XzG_A .avatar-22FtUu::before,
.userPopout-3XzG_A .avatar-22FtUu::after {
content: "";
position: absolute;
top: -6px;
bottom: -6px;
right: -6px;
bottom: -6px;
left: -6px;
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + .375));
border-radius: 50%;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.userPopout-3XzG_A .avatar-22FtUu::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
filter: blur(var(--popoutblur));
background-attachment: fixed;
}
.userPopout-3XzG_A .avatar-22FtUu::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + .375));
}
#app-mount .headerNormal-T_seeN { /* popout headernormal */
background-color: rgba(var(--transparencycolor), .2);
}
@ -4344,58 +4259,6 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr
border-color: var(--background-modifier-accent);
}
.headerNormal-T_seeN .avatarStack-2Dr8S9::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, .5);
opacity: var(--user-background, 0);
border-radius: 50%;
z-index: -1;
}
.headerNormal-T_seeN .headerNameWrapper-3res2c,
.headerNormal-T_seeN .headerTag-2pZJzA,
.headerNormal-T_seeN .textRow-19NEd_,
.headerNormal-T_seeN .customStatus-1bh2V9,
.headerNormal-T_seeN .badges-XRnWAp {
position: relative;
z-index: 1;
padding: 1px 2px;
margin-bottom: -2px;
}
.headerNormal-T_seeN .date-YN6TCS + .date-YN6TCS {
margin-top: 2px;
}
.headerNormal-T_seeN .customStatus-1bh2V9 {
width: unset;
}
.headerNormal-T_seeN .badges-XRnWAp {
margin-top: 4px;
padding: 5px 5px 2px 5px;
}
.headerNormal-T_seeN .headerNameWrapper-3res2c::after,
.headerNormal-T_seeN .headerTag-2pZJzA::after,
.headerNormal-T_seeN .textRow-19NEd_::after,
.headerNormal-T_seeN .customStatus-1bh2V9::after,
.headerNormal-T_seeN .badges-XRnWAp::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, .5);
opacity: var(--user-background, 0);
border-radius: 5px;
z-index: -1;
}
.headerNormal-T_seeN .date-YN6TCS::after {
background: rgba(0, 0, 0, .7);
}
.root-3-B5F3 { /* body roles */
max-height: 100px;
overflow-x: hidden;

View File

@ -1,4 +1,5 @@
@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/SettingsIcons.css);
@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/UserBgs.css);
@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/BlurpleRecolor/BlurpleRecolor.css);
:root {
@ -2496,129 +2497,6 @@ img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] {
/* ---- 10.1. USERMODAL ---- */
#app-mount .topSectionNormal-2-vo2m {
--text-color: var(--user-background, var(--header-primary));
background: var(--user-background, var(--background-tertiary)) var(--user-popout-position, center)/cover no-repeat;
border-color: #fff;
color: #fff;
text-shadow: 1px 1px var(--background-tertiary);
}
#app-mount .topSectionNormal-2-vo2m span[style*="color"],
#app-mount .topSectionNormal-2-vo2m .botText-1526X_ {
text-shadow: 1px 1px transparent;
}
#app-mount .topSectionNormal-2-vo2m .username-3gJmXY {
color: var(--text-color);
}
#app-mount .topSectionNormal-2-vo2m .discriminator-xUhQkU {
color: var(--text-color);
opacity: .7;
}
#app-mount .topSectionNormal-2-vo2m .date-YN6TCS {
color: var(--text-color);
opacity: .7;
}
#app-mount .topSectionNormal-2-vo2m .additionalActionsIcon-1FoUlE {
color: var(--text-color);
opacity: .7;
}
#app-mount .topSectionNormal-2-vo2m .additionalActionsIcon-1FoUlE:hover {
opacity: 1;
}
#app-mount .topSectionNormal-2-vo2m .activityHeader-1PExlk,
#app-mount .topSectionNormal-2-vo2m .customStatusText-39gdCI {
color: var(--text-color);
}
#app-mount .topSectionNormal-2-vo2m .tabBarContainer-1s1u-z {
position: relative;
border-color: transparent;
padding-left: 0;
}
#app-mount .topSectionNormal-2-vo2m .tabBarContainer-1s1u-z .tabBar-2MuP6- {
padding-left: 20px;
}
#app-mount .topSectionNormal-2-vo2m .themed-OHr7kt.item-PXvHYJ {
color: var(--user-background, var(--interactive-active));
opacity: .5;
}
#app-mount .topSectionNormal-2-vo2m .themed-OHr7kt.item-PXvHYJ:hover {
border-bottom-color: var(--user-background, var(--interactive-active));
opacity: .7;
}
#app-mount .topSectionNormal-2-vo2m .selected-3s45Ha.themed-OHr7kt.item-PXvHYJ,
#app-mount .topSectionNormal-2-vo2m .themed-OHr7kt.item-PXvHYJ:active {
border-bottom-color: var(--user-background, var(--interactive-active));
color: var(--user-background, var(--interactive-active));
opacity: 1;
}
#app-mount .topSectionNormal-2-vo2m .avatarStack-2Dr8S9::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, .5);
opacity: var(--user-background, 0);
border-radius: 50%;
z-index: -1;
}
#app-mount .topSectionNormal-2-vo2m .headerInfo-30uryT,
#app-mount .topSectionNormal-2-vo2m .actionButton-3W1xZa + div[role="button"],
#app-mount .topSectionNormal-2-vo2m .activity-1ythUs,
#app-mount .topSectionNormal-2-vo2m .tabBarContainer-1s1u-z {
position: relative;
overflow: visible;
z-index: 1;
}
#app-mount .topSectionNormal-2-vo2m .headerInfo-30uryT::after,
#app-mount .topSectionNormal-2-vo2m .actionButton-3W1xZa + div[role="button"]::after,
#app-mount .topSectionNormal-2-vo2m .activity-1ythUs::after,
#app-mount .topSectionNormal-2-vo2m .tabBarContainer-1s1u-z::after {
content: "";
position: absolute;
background: rgba(0, 0, 0, .5);
opacity: var(--user-background, 0);
border-radius: 5px;
z-index: -1;
}
#app-mount .topSectionNormal-2-vo2m .headerInfo-30uryT::after {
top: -5px;
right: 8px;
bottom: -5px;
left: -5px;
}
#app-mount .topSectionNormal-2-vo2m .actionButton-3W1xZa + div[role="button"]::after {
top: 0;
right: 0;
bottom: 0;
left: 8px;
border-radius: 50%;
}
#app-mount .topSectionNormal-2-vo2m .activity-1ythUs::after {
top: 8px;
right: 8px;
bottom: 8px;
left: 8px;
}
#app-mount .topSectionNormal-2-vo2m .tabBarContainer-1s1u-z::after {
top: 0;
right: 8px;
bottom: 0;
left: 8px;
border-radius: 5px 5px 0 0;
}
#app-mount .topSectionNormal-2-vo2m .tabBarContainer-1s1u-z::before {
content: "";
position: absolute;
background: currentColor;
width: 100%;
height: var(--user-background, 1px);
top: -1px;
opacity: 0.1;
}
#app-mount .emptyIconStreamerMode-3RfWOW {
background-image: url(https://discord.com/assets/e18336bc1141d8a5e88379e41e91cacb.svg);
opacity: .5;
@ -3346,68 +3224,6 @@ img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] {
/* ---- 11.1. USERPOPOUT ---- */
#app-mount .userPopout-3XzG_A {
--text-color: var(--user-background, var(--header-primary));
background-color: var(--background-tertiary);
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2), 0 0 0 1px rgba(var(--backgroundtertiary),.6);
color: #fff;
}
#app-mount .profileBanner-j34RzR {
background: var(--user-background, rgb(var(--accentcolor))) var(--user-popout-position, center)/cover no-repeat !important;
background-attachment: var(--user-background, fixed);
height: 120px !important;
max-height: var(--user-background, 60px) !important;
}
#app-mount .avatarWrapper-1-5NA0 {
top: 76px !important;
margin-top: var(--user-background, -60px) !important;
}
#app-mount .headerNormal-T_seeN {
background: var(--user-background, var(--background-tertiary)) var(--user-popout-position, center)/cover no-repeat;
background-attachment: var(--user-background, fixed);
color: var(--text-color);
text-shadow: 1px 1px var(--background-tertiary);
}
#app-mount .headerNormal-T_seeN span[style*="color"],
#app-mount .headerNormal-T_seeN .botText-1526X_ {
text-shadow: 1px 1px transparent;
}
#app-mount .userPopout-3XzG_A .username-2b1r56 + span {
opacity: .7;
}
#app-mount .headerNormal-T_seeN .headerName-fajvi9,
#app-mount .headerNormal-T_seeN .headerTagUsernameNoNickname-2_H881 {
color: var(--text-color);
}
#app-mount .headerNormal-T_seeN .headerTag-2pZJzA {
color: var(--text-color);
}
#app-mount .headerNormal-T_seeN .headerActivityText-gcopRr {
color: var(--text-color);
opacity: .7;
}
#app-mount .headerNormal-T_seeN .date-YN6TCS {
color: var(--text-color);
opacity: .7;
}
#app-mount .headerNormal-T_seeN .customStatus-1bh2V9 {
color: var(--text-color);
}
#app-mount .headerNormal-T_seeN .text-AOoUen {
color: var(--text-color);
opacity: .7;
}
#app-mount .headerNormal-T_seeN .bar-3urHkF {
background-color: rgba(var(--textdarkest),.2);
}
#app-mount .headerNormal-T_seeN .barInner-3NDaY_ {
background-color: var(--text-color);
}
#app-mount .headerNormal-T_seeN .activityName-1IaRLn,
#app-mount .headerNormal-T_seeN .nameNormal-2lqVQK,
#app-mount .headerNormal-T_seeN .nameWrap-3Z4G_9 {
color: var(--text-color);
}
#app-mount .body-3iLsc4,
#app-mount .footer-1fjuF6 {
background-color: var(--background-secondary-alt);

10
Themes/_res/UsrBgs.css Normal file
View File

@ -0,0 +1,10 @@
#app-mount .profileBanner-j34RzR {
background: var(--user-background, rgb(var(--accentcolor))) var(--user-popout-position, center)/cover no-repeat !important;
background-attachment: var(--user-background, fixed) !important;
height: 120px !important;
max-height: var(--user-background, 60px) !important;
}
#app-mount .avatarPositionNormal-1CZUPk {
top: 76px !important;
margin-top: var(--user-background, -60px) !important;
}