lightcordwarez
/
BetterDiscordAddons
mirror of https://github.com/mwittrien/BetterDiscordAddons.git
1
0
Fork 0
Code Issues 24 Releases Wiki Activity

stuff

This commit is contained in:
Mirco Wittrien 2021-05-21 13:06:23 +02:00
parent 620bb73665
commit 6c439bbb11
2 changed files with 138 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
Themes/BasicBackground/BasicBackground.css
View File

@ -4207,17 +4207,29 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr
pointer-events: none;
z-index: -1;
}
#app-mount .headerNormal-T_seeN, /* popout old headernormal */
.headerNormal-1l1Znk { /* popout new headernormal */
background-color: rgba(var(--transparencycolor), .2);
}
.headerPlaying-j0WQBV { /* popout headerplaying */
text-shadow: 1px 1px var(--textshadow);
}
.headerStreaming-2FjmGz { /* popout headerstreaming */
background: #593695;
}
.headerTop-3C2Zn0, /* popout old header inner */
.activity-11LB_k, /* popout old activity */
.headerTop-2y3V6H, /* popout new header inner */
.activity-fViXj7 { /* popout new activity */
background: transparent;
}
.userPopout-3XzG_A .wrapper-3t9DeA, /* popout old avatar */
.userPopout-3XzG_A .avatar-22FtUu { /* popout new avatar */
background: transparent;
border-color: transparent;
}
.userPopout-3XzG_A .wrapper-3t9DeA::before,
.userPopout-3XzG_A .wrapper-3t9DeA::after,
.userPopout-3XzG_A .avatar-22FtUu::before,
.userPopout-3XzG_A .avatar-22FtUu::after {
content: "";
@ -4230,26 +4242,16 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr
pointer-events: none;
z-index: -1;
}
.userPopout-3XzG_A .wrapper-3t9DeA::before,
.userPopout-3XzG_A .avatar-22FtUu::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
filter: blur(var(--popoutblur));
background-attachment: fixed;
}
.userPopout-3XzG_A .wrapper-3t9DeA::after,
.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);
}
.headerPlaying-j0WQBV { /* popout headerplaying */
text-shadow: 1px 1px var(--textshadow);
}
.headerStreaming-2FjmGz { /* popout headerstreaming */
background: #593695;
}
.activity-11LB_k { /* popout activity */
background-color: rgba(var(--transparencycolor), .1);
}
#app-mount .headerNormal-T_seeN .headerTag-2pZJzA {
color: var(--header-secondary);
}

124
Themes/_res/UsrBgs.css
View File

@ -7,4 +7,128 @@
#app-mount .avatarPositionNormal-1CZUPk {
top: 76px !important;
margin-top: var(--user-background, -60px) !important;
}
.userPopout-3XzG_A {
width: 300px !important;
}
.userPopout-3XzG_A .header-2BwW8b {
background-color: var(--background-secondary);
color: var(--header-secondary);
line-height: 20px;
flex: 0 0 auto;
}
.userPopout-3XzG_A .header-2BwW8b::before {
content: "";
position: relative;
display: block;
background: var(--user-background, var(--brand-experiment, #5865f2)) var(--user-popout-position, center)/cover no-repeat !important;
top: 0;
width: 100%;
height: 120px;
max-height: var(--user-background, 60px);
}
.userPopout-3XzG_A .headerStreaming-2FjmGz::before {
background: #593695;
}
.userPopout-3XzG_A .headerSpotify-zpWxgT::before {
background: #1db954;
}
.userPopout-3XzG_A .headerXbox-3G-4PF::before {
background: #107c10;
}
.userPopout-3XzG_A .headerTop-3C2Zn0 {
position: relative;
justify-content: center;
align-items: flex-start;
background-color: var(--background-tertiary);
padding: 64px 16px 16px;
}
.userPopout-3XzG_A .activity-11LB_k {
padding: 16px 0;
margin: 0 16px;
border-bottom: 1px solid var(--background-accent);
}
.userPopout-3XzG_A .avatarWrapper-3H_478 {
border-radius: 50%;
position: absolute;
top: -44px;
left: 16px;
z-index: 1;
}
.userPopout-3XzG_A .wrapper-3t9DeA {
background-color: var(--background-tertiary);
border: 6px solid var(--background-tertiary);
}
.userPopout-3XzG_A .avatarHint-1qgaV3 {
border: 6px solid transparent;
}
.userPopout-3XzG_A .svg-2V3M55 [mask="url(#svg-mask-status-online)"],
.userPopout-3XzG_A .svg-2V3M55 [mask="url(#svg-mask-status-online-mobile)"] {
fill: #3ba55c;
}
.userPopout-3XzG_A .svg-2V3M55 [mask="url(#svg-mask-status-idle)"] {
fill: #faa61a;
}
.userPopout-3XzG_A .svg-2V3M55 [mask="url(#svg-mask-status-dnd)"] {
fill: #ed4245;
}
.userPopout-3XzG_A .svg-2V3M55 [mask="url(#svg-mask-status-streaming)"] {
fill: #593695;
}
.userPopout-3XzG_A .svg-2V3M55 [mask="url(#svg-mask-status-offline)"] {
fill: #747f8d;
}
.userPopout-3XzG_A .headerText-2sdzFM {
display: block;
text-align: left;
}
.userPopout-3XzG_A .headerName-fajvi9 {
color: var(--interactive-active);
margin-top: 4px;
margin-bottom: 2px;
word-break: break-word;
}
.userPopout-3XzG_A .headerName-fajvi9,
.userPopout-3XzG_A .headerTagUsernameNoNickname-2_H881 {
font-size: 20px;
font-weight: 600;
}
.userPopout-3XzG_A .headerTag-2pZJzA {
color: var(--header-secondary);
font-weight: 500;
line-height: 18px;
}
.userPopout-3XzG_A .botTagInvert-18-95s {
background: var(--brand-experiment, #5865f2);
color: #fff;
}
.userPopout-3XzG_A .customStatus-1bh2V9 {
color: var(--header-secondary);
width: 100%;
margin-top: 12px;
overflow-wrap: break-word;
text-align: left;
font-size: 14px;
line-height: 18px;
}
.userPopout-3XzG_A .activityName-1IaRLn,
.userPopout-3XzG_A .nameNormal-2lqVQK,
.userPopout-3XzG_A .nameWrap-3Z4G_9,
.userPopout-3XzG_A .activityProfile-2bJRaP .content-3JfFJh,
.userPopout-3XzG_A .activityProfile-2bJRaP .details-38sfDr,
.userPopout-3XzG_A .activityProfile-2bJRaP .headerText-1HLrL7,
.userPopout-3XzG_A .activityProfile-2bJRaP .name-29ETJS,
.userPopout-3XzG_A .activityUserPopout-2yItg2 .content-3JfFJh,
.userPopout-3XzG_A .activityUserPopout-2yItg2 .details-38sfDr,
.userPopout-3XzG_A .activityUserPopout-2yItg2 .headerText-1HLrL7,
.userPopout-3XzG_A .activityUserPopout-2yItg2 .name-29ETJS {
color: var(--header-primary);
}
.userPopout-3XzG_A .lookOutlined-3sRXeN.colorWhite-rEQuAQ {
border-color: var(--header-primary);
color: var(--header-primary);
}
.userPopout-3XzG_A .lookOutlined-3sRXeN.colorWhite-rEQuAQ:active {
background-color: rgba(125,125,125,.2);
}