/* !==================== ! Background !==================== */ /* Popout */ .userPopout-2j1gM4 { background-color: #18191c; padding: 15px; } /* !================ ! Banner !================ */ .banner-2boKnS.popoutBanner-16rVDY, .banner-2boKnS.popoutBannerPremium-2RvDNZ.bannerPremium-86naOf{ border-radius: 8px; } /* !=============== ! Name !=============== */ .headerText-1-WmDq { margin-left: -16px; background-color: #111111; padding: 5px; padding-bottom: 0px; padding-left: 15px; padding-top: 15px; margin-bottom: -16px; border-radius: 8px 8px 0px 0px; width: 280px; } /* !================ ! Badges !================ */ .profileBadges-2pItdR.container-1gYwHN { padding: 5px; margin-right: -10px; background-color: #111111; border-radius: 8px; } /* !============== ! Body !============== */ .headerTop-3GPUSF { padding-top: 60px; } .bodyInnerWrapper-2bQs1k { background-color: #111111; } .body-2wLx-E.thin-31rlnD.scrollerBase-_bVAAt { border-radius: 0px 0px 8px 8px; padding-top: 15px; background-color: #111111; } /* !================== ! Message !================== */ .footer-3naVBw { margin-top: 10px; padding: 15px; background-color: #111111; border-radius: 8px; } .inputDefault-3FGxgL.input-2g-os5.input-2z42oC { background-color: #1e1e1e; border-radius: 8px; } /* !=========================== ! User Panel Popout !=========================== */ /* Background */ .menu-1QACrS.styleFixed-2_NfVL.menu-2-eHMB { background-color: #18191c; width: 330px; border-radius: 8px; padding: 15px; padding-bottom: 5px; } /* Body */ .profileBody-3QbfPe { padding-top: 14px; padding-bottom: 10px; margin-bottom: 15px; background-color: #111111; border-radius: 0px 0px 8px 8px; } /* !==================== ! Background !==================== */ /* Popout */ .root-8LYsGj.root-g14mjS.small-23Atuv.fullscreenOnMobile-ixj0e3 { background-color: #111111; border-radius: 8px; } /* Top */ .topSection-13QKHs { background-color: #111111; } /* Body */ .body-1Ukv50, .infoScroller-1QMpon.thin-31rlnD.scrollerBase-_bVAAt.fade-1R6FHN { background-color: #111111; } /* !============== ! Name !============== */ /* Name Background */ .nameTag-2Nlmsy { background-color: #1e1e1e; padding: 10px; border-radius: 8px; width: fit-content; } /* !================ ! Badges !================ */ .badgeList-2aoHPw.container-1gYwHN { padding: 5px; margin-right: -10px; background-color: #1e1e1e; border-radius: 8px; } /* !============== ! Tabs !============== */ /* Normal */ .tabBarItem-30Te4-.item-3XjbnG.themed-2-lozF { background-color: #1e1e1e; margin-right: 15px; padding: 10px; margin-bottom: 8px; margin-top: 8px; border-radius: 8px; border: 0px; } /* Selected */ .tabBarItem-30Te4-.item-3XjbnG.selected-g-kMVV.themed-2-lozF { background-color: #26292c; margin-right: 15px; padding: 10px; margin-bottom: 8px; margin-top: 8px; border-radius: 8px; border: 0px; } /* !============================ ! Connected Accounts !============================ */ /* Member Since */ .discordMemberCreatedAtIconContainer-2oMHqL { padding: 0px; background-color: #1e1e1e; } .discordMemberCreatedAtIcon-126if8 { width: 24px; height: 24px; } .discordMemberCreatedAtText-15sN5q>div { display: none; } .discordMemberCreatedAt-31OkT7>.discordMemberCreatedAtText-15sN5q>h3 { font-size: 16px; font-family: inherit; font-weight: 600; user-select: text; } /* Container */ .connectedAccountContainer-3aLMHJ { border-radius: 8px; background-color: #1e1e1e; width: 100%; } .connectedAccounts-2R5M4w.userInfoSection-2u2hir { margin-top: 15px; } .connectedAccountsColumn-1zdyyx { width: calc((100%/2) - 20px); } .body-1Ukv50 { background-color: var(--background-secondary); margin: 15px; width: calc(100% - 30px); border-radius: 8px; border: none; } .infoScroller-1QMpon{ background: rgb(53, 53, 58)!important; border-radius: 8px; } /* !================================ ! Mutual Servers/Friends !================================ */ .listRow-2nO1T6 { padding: 5px; border-radius: 8px; margin-bottom: 5px; } /* !================ ! Banner !================ */ /* placement adjustment */ .root-8LYsGj .avatar-3QF_VA{ border: 7px solid #111111; } .root-8LYsGj .bannerSVGWrapper-qc0szY>mask{ display: none; } /* Normal Banner */ .banner-2boKnS.profileBanner-2zIsK7 { border-radius: 8px; margin: 12px; height: 108px; } /* Nitro Banner */ .banner-2boKnS.profileBannerPremium-3xIFwS.bannerPremium-86naOf { border-radius: 8px; margin: 12px; height: 228px; } /* Edit Pencile Hidden */ .pencilContainer-18TrEJ { display: none; } /* Nitro Icon */ .premiumIconWrapper-32h0Ri.clickable-_6T6Od { display: none; } /*discord avatar position fix*/ .bannerSVGWrapper-qc0szY mask { display: none; } :is(.userPopout-2j1gM4 .avatarHoverTarget-1zzfRL, .focusLock-2tveLW .topSection-13QKHs, #account) .wrapper-1VLyxH::before { content: " "; font-size: 0px; background-color: var(--background-floating); float: left; border-radius: 50%; height: 94px; width: 94px; margin: -7px; } .focusLock-2tveLW .wrapper-1VLyxH::before { height: 136px !important; width: 136px !important; margin: -8px !important; } .userPopout-2j1gM4 [class^="avatarWrapper"] .wrapper-1VLyxH, .avatarHint-k7pYop:not(#account .avatarHint-k7pYop) { top: 10px; }