From 6c439bbb1159509c84c28221e10d8c22939b73a5 Mon Sep 17 00:00:00 2001 From: Mirco Wittrien Date: Fri, 21 May 2021 13:06:23 +0200 Subject: [PATCH] stuff --- Themes/BasicBackground/BasicBackground.css | 26 +++-- Themes/_res/UsrBgs.css | 124 +++++++++++++++++++++ 2 files changed, 138 insertions(+), 12 deletions(-) diff --git a/Themes/BasicBackground/BasicBackground.css b/Themes/BasicBackground/BasicBackground.css index de00854050..99a6de7b6d 100644 --- a/Themes/BasicBackground/BasicBackground.css +++ b/Themes/BasicBackground/BasicBackground.css @@ -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); } diff --git a/Themes/_res/UsrBgs.css b/Themes/_res/UsrBgs.css index 0b0a911753..dd627f6823 100644 --- a/Themes/_res/UsrBgs.css +++ b/Themes/_res/UsrBgs.css @@ -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); } \ No newline at end of file